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

标签 html css

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

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

数据应该水平换行。我有以下代码。我不确定如果我通过 PHP 在 4 个条目后使用 float left 它怎么可能 float 到右下而不是上下。有人知道怎么做吗?

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>

最佳答案

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

关于html - 如何从上到下和从上到下垂直显示可管理的 html 列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19168130/

相关文章:

css - 突出显示时看不到换行符 <BR>

html - 在 HTML5 移动应用程序中对 pdf 进行注释的插件

javascript - 如何使用 D3 加载 csv、显示表格并在 javascript 中使用 bootstrap 设置样式

javascript - 如何为 d3 中的实时图表提供实时数据

javascript - 如何在 HTML、CSS 和 JS 中叠加多个图像?

Javascript IE6/7/8 更改输入类型

angular - 如何使 "Service Worker"在本地网络中工作?

html - CSS 有类似 "class subclass"的东西吗?

css - 如何排除 child 应用最后类型选择器?

css - 如何更改 Materialise CSS 选项卡下划线颜色?