我在正确显示无序列表中的元素时遇到问题。标签向左浮动,长度较长的相关跨度正在包装并显示在标签下方。我需要一个将相关跨度保留在各自列中的解决方案。换句话说,我不想在标签下显示长跨度。我可以利用什么属性来在所有流行的浏览器(包括 IE6)中获得所需的布局?预先感谢您的帮助。
我的代码如下:
<ul>
<li>
<label>Name</label>
<span><%= Html.Encode(Model.Name) %></span>
</li>
<li>
<label>Entity</label>
<span><%= Html.Encode(Model.Entity) %></span>
</li>
<li>
<label>Phone</label>
<span><%= Html.Encode(Model.Phone) %></span>
</li>
</ul>
我的 CSS 样式如下:
ul
{
display:block;
list-style-type:none;
margin:0;
padding:0;
}
ul li label
{
float:left;
width:100px;
}
最佳答案
这适用于 Firefox。它也应该在 IE6 中工作。
ul li span {
display: block;
margin-left: 100px;
}
关于html - 无序列表中的演示问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2992187/