Question

我试图摆脱格式化中的表格，并尝试使用用户列表html标记<ul>

假设我有一个包含10个控件的面板，我希望显示3列，因此每行有3个控件，10个控件共有4行。

我应该使用4种不同的<ul>，还是应该只将它们堆叠在一个<ul>

中

请告诉我优点和缺点

由于

Answer 1

将它们放入1中的优势

维护的地方
是语义

超过1的优势

可以更容易定型。

如果你将它们放在1个无序列表中，然后想要3列，你可以这样做

ul {
    overflow: hidden; /* force it to expand to floated elements */
}

ul li {
    display: block;
    width: 32%; /* slightly less as browsers can make a muck of percentages */
    float: left;

}

更新

评论中的George IV，见上文。

这会将它们从左到右浮动，分为3列。您也可以尝试使用inline-block来实现这一点，但是实现它会越来越难以跨浏览器。

Answer 2

'ul'代表无序列表，用于列表。而是使用'div'

<div id="container">
  <div class="control">
  <div class="control">
  <div class="control">
</div>

并使用CSS

#container {
width: 100%;
}

#control {
width: 33%;
float: left;
}

CSS ul用户列表格式

2 个答案:

更新