做前端css/div布局的总结

1、last-child 指定属于其父元素的最后一个子元素的*元素的背景色,如:li:last-child,好东西。

2、做兼容ie6以上的浏览器的div/dl/table居中:

      1、宽度:margin:0 auto;

       2、高度:$('#对象').css('margin-top', parseInt(($(window).height() - $('#对象').height()) / 2) - 10);   (Jquery)

3、使用swipe.js/swiper.js之类的插件,使用漂浮的图片会多出4px空白:

解决:把img标签设置display:block;或设置 vertical-align:bottom;向下对齐

还有3中方法没有尝试的:
1.给dd或li固定高度,然后overflow:hidden
2.设置 ul 的 font-size:0;
3.设置 img 的 margin-bottom: -4px;

你可能感兴趣的:(做前端css/div布局的总结)