1 2 3 4 5 6 7 8 9 10 1 #center1{ width:100%;min-height:634px !important;position: relative; margin:0 auto;position: ...
分类：
其他好文 时间：
2014-09-28 12:54:32
阅读次数：
187
1 2 3 4 1 .searchBlock{width: 800px;height:120px;position: absolute;top:50%;left: 50%;margin-top: -97px;margin-left: -400px;padding: 15px ...
分类：
其他好文 时间：
2014-09-28 12:35:42
阅读次数：
182
一、水平居中
1、内联元素居中：相对父级块级元素居中对齐
1: .center-children {
2: text-align: center;
3: }
2、块级元素居中：设置margin-left和margin-right为auto让它居中（同时还要设置width，否则它就会承满整个容器，无法看出居中效果）
1: .center-me {
2: margin: 0 auto;
3: }
如果有很多块级元素需...
分类：
Web程序 时间：
2014-09-27 23:35:30
阅读次数：
293
来源：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
水平居中(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
