为了账号安全,请及时绑定邮箱和手机立即绑定

一直没有想明白 span 宽 10%,应该是 .row 的 10%

一直没有想明白 span 宽 10%,应该是 .row 的 10%,而 .row 是屏幕宽 - 5%;这样的话九宫格是没有居中的,右侧间距应该是 .row 的 10% + 屏宽的 5%,这里怎么做到 九宫格居中的?

正在回答

3 回答

看看这个:https://jsfiddle.net/38aeu2ww/

宽度和百分比计算跟容器的 box-sizing 有关,box-sizing 的默认值是 content-size,也主是说,示例上的情况是 fiddle 中上面那种情况。.row 的宽度仍然是屏宽,而不是屏宽 -5%

0 回复 有任何疑惑可以回复我~

想了半天 后来找了标尺量了量 并不是居中的 左右宽度不一样  我觉得你理解的应该是对的 并没有做到居中 只是看起来像居中而已

以360px宽为例,padding-left:5% 所有左边是18px;  中间的span是360-18=342的10%,也就是34.2px,总共9个 是307.8px 还要计算上border 总共13px  所以 右边最后剩下了342-320.8=21.2px 左右是不相等的  只是视觉上看着差别不大

没想到还有看的这么仔细的同志,向你学习

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

一直没有想明白 span 宽 10%,应该是 .row 的 10%

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信