一直没有想明白 span 宽 10%，应该是 .row 的 10%
来源：2-5 完善样式
西施_
2017-12-07 13:50
一直没有想明白 span 宽 10%，应该是 .row 的 10%，而 .row 是屏幕宽 - 5%；这样的话九宫格是没有居中的，右侧间距应该是 .row 的 10% + 屏宽的 5%，这里怎么做到 九宫格居中的？
写回答
关注
2回答
-
- 边城
- 2017-12-09 22:10:50
看看这个：https://jsfiddle.net/38aeu2ww/
宽度和百分比计算跟容器的 box-sizing 有关，box-sizing 的默认值是 content-size，也主是说，示例上的情况是 fiddle 中上面那种情况。.row 的宽度仍然是屏宽，而不是屏宽 -5%
-
- wasl
- 2017-12-08 16:16:13
想了半天 后来找了标尺量了量 并不是居中的 左右宽度不一样 我觉得你理解的应该是对的 并没有做到居中 只是看起来像居中而已
以360px宽为例，padding-left：5% 所有左边是18px; 中间的span是360-18=342的10%,也就是34.2px，总共9个 是307.8px 还要计算上border 总共13px 所以 右边最后剩下了342-320.8=21.2px 左右是不相等的 只是视觉上看着差别不大
没想到还有看的这么仔细的同志，向你学习
从JS到TS开发数独游戏（JS版）
使用JS语言为主的前端开发技术实现数独游戏
18162 学习 · 55 问题
相似问题