摘要: 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实 阅读全文
posted @ 2016-02-15 09:53 hupan508 阅读(255) 评论(0) 推荐(0)
摘要: //这个方法是利用display:table-cell在支持该属性的浏览器中,结合vertial-align:middle方法来实现图片垂直居中; //在不支持display:table-cell的浏览器(IE)中利用文字结合行高的方法来实现垂直居中; //display:table-cell这个属 阅读全文
posted @ 2016-02-15 09:06 hupan508 阅读(203) 评论(0) 推荐(0)
摘要: /*===== 清除默认的margin的属性值 =====*/ body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 {margin:0;} /*===== 统一设置列表的margin和padding,以及列表表 阅读全文
posted @ 2016-02-15 09:02 hupan508 阅读(171) 评论(0) 推荐(0)