15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 网页栅格化和实际获取网格问题?

网页栅格化和实际获取网格问题?

时间:2024-02-13 03:55:01 | 来源:网站运营

时间:2024-02-13 03:55:01 来源:网站运营

网页栅格化和实际获取网格问题?:一般我是这样做栅格,最外层不做任何间距,基本上接近99.99%来栅格布局列数,再从父层内部去做间距,这样就比较稳定。不要直接就把最外层拉开间距。

举例:如果在宽度135像素里范围内栅格化,我要4列,并且每一列间距7像素,首先我把这4列平均为25%,先分出列来。然后再在每一个层里面套一个父层,父层加上margin,7像素就这样做出来,这样就不会因为间距算不准而造成布局错误,这样就不用精确的考虑和计算一共多出的像素,可以灵活控制每列的左右间距。下面是简单的示范,自己的常用方法,

<div style="width:135px"> <div style="width:25%;overflow:hidden"> <div style="margin:3.5px"></div> </div> <div style="width:25%;overflow:hidden"> <div style="margin:3.5px"></div> </div> <div style="width:25%;overflow:hidden"> <div style="margin:3.5px"></div> </div> <div style="width:25%;overflow:hidden"> <div style="margin:3.5px"></div> </div></div>

可以推荐你看

Dsure CSS/HTML开发框架 Powered by 没位道 了解下我常用的这种栅格化方式啦

关键词:获取,实际

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭