html - 将div格式化成表格

Question

所以，我有一个独特的案例，我使用 xslt 根据日期从 xml 生成许多(~50-100)div 元素，如下所示:

<div class="allApps" >
    Content here
</div>
<div class="allApps" >
    Content Here also
</div>
...

我目前将它们格式化为垂直堆叠的圆形框。我如何使用 css 将它们定位为“表格”格式，例如连续放置 5 个？

或者，它们最初是 <li>而不是 <div> .我如何使用 <li> 实现表格？ ？

我这样做的原因是为了减少到达元素底部所需的滚动量。

谢谢!

Answer 1

如果您的目标是减少垂直滚动，那么请尝试将其中一些设为

display:inline-block

您可以将它们全部设为内联 block ，然后每隔一段时间插入一次中断(比如每隔 5 次插入一次)。或者，如果您想要一些出色的响应选项，您可以使用 Bootstrap。

如果您真的打算使用表格，那么 li 与它无关。 Li 元素用于列表，而不是表格。表格中的单元格使用 td 之类的

    <table>
        <tr>
           <td></td>
        </tr>
    </table>

但老实说，最简单的事情可能就是切换到 css display:inline-block。