如标题所示，我有一个带有 bootstrap class="column"的 div，我试图用一些 span 元素填充它。请注意，这个 span 元素没有固定数量。
我的列有一个固定的宽度，但跨度可以分成多行。所以如果元素太多或用户放大，跨度将显示为多行。
这是棘手的部分:我希望每行中的跨度都可以拉伸(stretch)并填充该行。是否可以？我试过 stayle="display : flex"但 flex 会使跨度超出范围，如果它们太多的话。
(抱歉，我没有 fiddle ，因为代码有点困惑和复杂)
这是一个演示，其中 <> 是跨度和空格:
|---------------------------|
|<aaaaaaaaa><ddddddddd><fff>|
|<sdf><sdfsd><sdf ><sdfsdf >|
|< sd >< sdf >< sd >|
|---------------------------|
最佳答案
是的，这是可能的。
您将 span 放在带有 text-align:justify 的列中，并给 span 元素 display:inline-block。
使最后一行的元素正确对齐的技巧是在列上使用 :after 伪元素并为其提供以下代码:
.col:after {
content: "";
display:table;
width: 100%;
}
这实际上会强制创建另一行，因此前一行 - span 的最后一行将被对齐。
这是一个有效的 fiddle : https://jsfiddle.net/3kem9asp/3/
编辑:我将 :after 伪元素的内联 block 更改为表，以清除最后一行。
关于html - 用多个具有多行动态数字的跨度元素填充 Bootstrap 列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45159400/