一直沒有想明白 span 寬 10%，應該是 .row 的 10%
一直沒有想明白 span 寬 10%，應該是 .row 的 10%，而 .row 是屏幕寬 - 5%；這樣的話九宮格是沒有居中的，右側間距應該是 .row 的 10% + 屏寬的 5%，這里怎么做到 九宮格居中的？
西施_
2017-12-07
2 回答
舉報
0/150
提交
取消
2017-12-09
看看這個：https://jsfiddle.net/38aeu2ww/
寬度和百分比計算跟容器的 box-sizing?有關，box-sizing?的默認值是 content-size，也主是說，示例上的情況是 fiddle?中上面那種情況。.row?的寬度仍然是屏寬，而不是屏寬 -5%
2017-12-08
想了半天 后來找了標尺量了量 并不是居中的 左右寬度不一樣? 我覺得你理解的應該是對的 并沒有做到居中 只是看起來像居中而已
以360px寬為例，padding-left：5% 所有左邊是18px;? 中間的span是360-18=342的10%,也就是34.2px，總共9個 是307.8px 還要計算上border 總共13px? 所以 右邊最后剩下了342-320.8=21.2px 左右是不相等的? 只是視覺上看著差別不大
沒想到還有看的這么仔細的同志，向你學習