www.cftea.com

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

ITPOW2019/5/18 12:55:36

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。

<<返回首页<<