标签:
1、元素居中:指定宽度,然后margin auto 即可
.middle{ max-width:400px; //width:400px;//当浏览器被缩小,宽度小于元素宽度时,元素会被遮挡,所以应用max-width,会自动缩小元素以适应浏览器大小。这点对手机浏览器很有用 margin:0 auto; }
2、把列表元素的display 设为行内元素样式 inline ,可以达到导航栏栏目的效果
3、box-sizing:border-box
对于盒子模型,IE早期版本将border和padding算在width内,而css标准则不算在内,这就造成个兼容问题。通过如上设置可以将盒子模型的border、padding算在width内,达到统一的目的;此外,也因而更容易设置盒子的尺寸,因为需要设的尺寸参数少了(少了border和padding)。
标签:
原文地址:http://www.cnblogs.com/z-sm/p/4271372.html