你的位置:首页 > 软件开发 > 网页设计 > css布局之负margin妙用及其他实现

css布局之负margin妙用及其他实现

发布时间:2016-07-07 16:00:11
相信大家在项目的开发中都遇到过这样的需求,一行放X(X>1)个块且相邻块之间的间距相同。大概就是上面这个样子,下面介绍几种实现的方式。1.负margin**设置好元素的宽度和留白占满父级的宽度,然后设置父级的margin-left为留白的负留白的宽度<style ty ...

相信大家在项目的开发中都遇到过这样的需求,一行放X(X>1)个块且相邻块之间的间距相同。

css布局之负margin妙用及其他实现

大概就是上面这个样子,下面介绍几种实现的方式。

1.负margin**

设置好元素的宽度和留白占满父级的宽度,然后设置父级的margin-left为留白的负留白的宽度

<style type="text/css">

*{ul>li{ul>li>img{</style>


原标题:css布局之负margin妙用及其他实现

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。