来源：http://www.ido321.com/824.html一、水平居中 1、内联元素居中：相对父级块级元素居中对齐 1: .center-children { 2: text-align: center; 3: } 2、块级元素居中：设置margin-left和margin-...
分类：
Web程序 时间：
2014-09-27 22:43:00
阅读次数：
295
方法一：左右布局用float,中间布局以左右布局的宽度为margin,这样就能自适应了。左：float:left;width:300px;右：float:right;width:300px;中间：margin:0 300px;方法二：左右布局用position,中间布局以左右布局的宽度为margin...
分类：
Web程序 时间：
2014-09-27 19:16:00
阅读次数：
136
一、margin和padding缩写 例： .sample-margin1{ margin-top:15px; margin-right:20px; margin-bottom:12px; margin-left:24px; }
缩写后：
.sample-margin1{ margin:15px 2...
分类：
Web程序 时间：
2014-09-27 17:27:20
阅读次数：
309
-webkit-box-orient: horizontal||vertical设置或检索弹性盒模型对象的子元素的排列方式。对应的脚本特性为boxOrient。需设置容器的display:-webkit-box;CSS样式:html,body,div{ margin:0px; padding:0px...
分类：
Web程序 时间：
2014-09-26 11:20:38
阅读次数：
2770
在使用jade和styl写手机页面时，且元素为背景图片时，常会使用到background-size cover，它的意思是使背景图片铺满整个元素，且保证背景图片的宽高比。
即当图片小于容器时，又无法使用background-repeat来实现时，我们就可以采用cover;将背景图片放大到适合容器的大小
或者是设定元素的宽高分别为背景图片的宽高，且设置margin-left为元素宽度的一半来...
分类：
Web程序 时间：
2014-09-26 03:12:08
阅读次数：
225
关于浏览器兼容问题：一：margin加倍显示的问题。最常见的兼容问题是在块元素添加float属性，再添加横向margin时，margin会加倍显示，这时需要给元素添加属性，display:inline;,将块元素转化为行内元素。说白了，为了提高网页的兼容性：一般都是float+margin:left...
分类：
其他好文 时间：
2014-09-25 23:25:48
阅读次数：
298
<div id="float" class="float"> ?<a>1</a> ?<a>2</a> </div> <style> .float{width:168px;height:294px;position:absolute;top:180px;left:254px;z-index:100;padding-top:32px;} </style> ?<script> (funct...
分类：
其他好文 时间：
2014-09-25 22:13:38
阅读次数：
316
水平居中(2)方式一：text-align:center适用类型：行级元素方式二：margin:0 auto;适用类型：块级元素垂直居中(7)方式一：line-height适用：内联、块级场景：单行文本垂直居中html: Content here css:#child {line-height: 2...
分类：
其他好文 时间：
2014-09-25 20:08:47
阅读次数：
195
在我们遇到左边图片，右边一段文字，这样的，一段宽度固定，一段宽度不定的情况，我们会用display:box来解决，但是，ie却不会兼容，这样就有以下一种方法html代码xxxxxxxxxxxxxcss代码.img {float:left}.title {padding-left: 45px;disp...
分类：
其他好文 时间：
2014-09-25 18:36:57
阅读次数：
214
左右排版本来是可以这样实现的：两边都使用百分比，然后左右浮动。但是这样做满足不了下面这样的场景：
在一个文章页面里面，分为左边的正文区域和右边的与文章关联的其他信息区域，我想让正文区域能随着用户的显示屏宽度变化而变化，这似乎百分比就能做到，但是如果使用百分比，左右两边都必须有一个固定的比值，那样右边也会随着用户显示屏的宽度变化，如果用户的显示屏很宽，那这右边就显得似乎国语宽了，正文无论...
分类：
其他好文 时间：
2014-09-25 16:27:18
阅读次数：
148
