我有一个要添加到<div>
中的列表。每个listitem包含一个<div>
,而后者又包含一个图像和一个文本字符串。该列表必须是垂直的。我曾尝试将<ul>
的display:block
放在width:100%
中,但列表是从左向右水平排列的。如何使列表垂直显示?
发布于 2011-07-15 13:59:39
尝试将display: block
放在<li>
标记中,而不是<ul>
中
发布于 2011-07-15 14:00:36
我会将它添加到LI的CSS中
.list-item
{
float: left;
clear: left;
}
发布于 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*/
}
https://stackoverflow.com/questions/6703228
复制相似问题