Layui 布局中是如何实现列与列之间间距的?

作者:vkvi 来源:千一网络(原创) 日期:2019-5-18

Layui 的布局中,通过 layui-col- 来实现这个列占比多少,对这个 class 写 CSS 很简单,就是用百分比指定宽度。

列与列之间的间距通过 layui-col-spacex 来定义,这个是如何做到的呢?这个是通过 padding 来实现的,比如间距是 5px,它就指定 padding 2.5px,两边的 2.5 一加,就是 5 了。

为了不让 padding 侵占 width,采用了 box-sizing:border-box,就是最初 IE 推崇的方式。

为了不让左右两边也有间距,为外层增加了 margin:-2.5px。

你前面那位网友看了:为什么 net user /expires:never 对密码永不过期无效?

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他