将div格式化为表格

Question

所以，我有一个独特的案例，我使用xslt来生成许多（~50-100）div元素，具体取决于xml这样的日期：

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

我目前将它们格式化为垂直堆叠的圆形框。如何使用css将它们定位到表格中？＃34;格式，就像连续5个？

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

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

谢谢！

Answer 1

如果你的目标是减少垂直滚动，那么尝试将它们中的一些作为

display:inline-block

你可以让它们全部内联阻塞，然后每隔一段时间插入一次断点（比如每隔一个）。或者，如果你想要一些很棒的响应选项，你可以使用Bootstrap。

如果你真的开始使用表格，那么李与它无关。 Li元素用于列表，而不是表格。表格中的单元格使用td，如

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

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