如何使用html css强制列表是垂直的
如何使用html css强制列表是垂直的
提问于 2011-07-15 13:56:10
我有一个要添加到<div>中的列表。每个listitem包含一个<div>，而后者又包含一个图像和一个文本字符串。该列表必须是垂直的。我曾尝试将<ul>的display:block放在width:100%中，但列表是从左向右水平排列的。如何使列表垂直显示？
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-07-15 13:59:39
尝试将display: block放在<li>标记中，而不是<ul>中
Stack Overflow用户
发布于 2011-07-15 14:00:36
我会将它添加到LI的CSS中
.list-item
{
float: left;
clear: left;
}Stack Overflow用户
发布于 2011-07-15 14:47:48
希望这是你的结构：
<ul>
<li>
<div ><img.. /><p>text</p></div>
</li>
<li>
<div ><img.. /><p>text</p></div>
</li>
<li>
<div ><img.. /><p>text</p></div>
</li>
</ul> 默认情况下，会逐行添加：
-----
-----
-----如果你想让它垂直，只需向li添加向左浮动，给出宽度和高度，确保内容不会破坏宽度：
| | |
| | |
li
{
display:block;
float:left;
width:300px; /* adjust */
height:150px; /* adjust */
padding: 5px; /*adjust*/
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6703228
复制相关文章
相似问题
腾讯云开发者
