如何从上到下再次从上到下显示垂直可管理的html列表

时间:2013-10-03 19:56:58

标签: html css

我想在HTML列表中垂直显示数据。具有以下风格

|AEIM|
|BFJN|
|CGKO|
|DHLP|

数据应水平包装。我有以下代码。我不确定它是如何可能的如果我通过PHP在4个条目之后使用浮动它浮动到右下方而不是顶部底部。谁知道怎么做?

CSS

.wrapper {
    width: 800px;
    height: 300px;
    display: block;
}

HTML

<ul>
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>

1 个答案:

答案 0 :(得分:1)

设置4 <ul>并将它们浮动到左侧。这是jsFiddle http://jsfiddle.net/zmGpY/,然后您可以使用包装div来清除它们