【发布时间】：2011-10-13 18:06:11
【问题描述】：
我需要一个有两行的滑块，这在某种程度上是可能的，但这不是我需要的。这是交易；
根据tutorial我可以水平排列多个div。
但如果我需要两行，那么它会像这样对项目进行排序：
而我需要的是：
（灰色区域不可见）
解决这个问题的正确方法是什么？
代码的HTML就像：
<div id="main">
<div id="content-slider"></div>
<div id="content-scroll">
<div id="content-holder">
<div class="content-item" id="item-1">item 1</div>
<div class="content-item" id="item-2">item 2</div>
<div class="content-item" id="item-3">item 3</div>
<div class="content-item" id="item-4">item 4</div>
<div class="content-item" id="item-5">item 5</div>
<div class="content-item" id="item-6">item 6</div>
<div class="content-item" id="item-7">item 7</div>
<div class="content-item" id="item-8">item 8</div>
</div>
</div>
</div>
</div>
可以使用 CSS，但我正在寻找一种对 HTML 代码干扰最小的解决方案。
【问题讨论】：
-
你可以为此创建一个表。
-
我总是避免在我的网络项目中使用表格。我不认为他们对这个时代的用户设计师友好。
-
我并不是说基于整个网站的表格布局。我会将一个表格封装在一个 div 中，并将每个内容项放在一个表格单元格中......否则它会过于复杂。只要在需要的情况下正确使用表格，使用表格没有任何问题。