CSS /记者：多行

多行你会如何去均匀地分散元素均匀地分散的元素，例如：CSS /记者：多行

wrapper div: <div style="text-align: center"> 
elements inside: <div style="display: inline-block; 
       padding-left: 10px; padding-right: 10px;">Element</div>

而不是只具有在下一行一个元素（包）：

Element 1  Element 2  Element 3  Element 4  Element 5 
          Element 6

它这样做，散开的元素：

Element 1  Element 2  Element 3 
Element 4  Element 5  Element 6

来源

2010-05-07 David Lawson

我使这不是动态的，找不到解决方案 – 2010-05-09 10:54:09

如果元素的宽度及其数量不固定，我会编写一个代码，根据具体情况生成自定义标记。

然而，它可能会变得棘手，因为使用网络媒介，很难（实际上不可能）计算文本块的像素实际大小（无法知道浏览器使用哪种字体并获得其度量）。

我建议预先决定的列数（2或3），然后使用与它们的宽度设置为50%33%或和text-align属性center元件。

来源

2010-05-07 10:14:43

在我的情况下，元素可能真的很短或很长......可能使用JS来计算每个块的大小？ – 2010-05-07 10:22:41

如何指定“宽度”风格？

<div style="width: 50px; display: inline-block; padding-left: 10px; padding-right: 10px;">Element</div>

来源

2010-05-07 10:14:47 Shiki

宽度是可变的 – 2010-05-15 08:32:11

将它们全部左移，宽度为50％或33％或任何你需要的。

确保您清除后的浮动。

来源

2010-05-09 11:01:51

宽度是可变的，所以这是行不通的 – 2010-05-15 08:31:37

CSS /记者：多行

回答

相关问题