好吧,我已经尝试过一百万种不同的方法来实现这一点,但找不到一个好的方法。
我要做的就是在我的样式表中创建一个没有定义宽度的框,用作任意数量仪表板项目的模块容器,然后有 width25、width33、width50、width100 的类来设置模块容器的宽度25%、33% 等等……无论情况如何。
在每个容器之间,我想要一个垫片或保险杠。假设我在一行中有三个盒子:25%、50%、25%。为了添加一个垫片,我必须将我的 width25 设置为 24%,将我的缓冲设置为 1%,并且尝试填充父容器的 100% 宽度时事情变得很奇怪。我说得有道理吗?
有一个更好的方法吗?当我向盒子添加填充时,我遇到了更多问题,因为这也增加了 div 的总宽度。我只想要这样漂亮干净的东西:
...每个模块都有相同的类,除了宽度类。理想情况下,这些宽度将是 width25 = 25%...width50 = 50%...并且不会模糊宽度以弥补保险杠尺寸。
想法?这让我发疯。