在我的 HTML 文档中,我有一个带有样式的嵌套列表:
li {
list-style-type:none;
border:1px solid;
margin:3px;
}
li li {
list-style:none;
}
<ul>
<li>something
<ul>
<li>hello</li>
<li>there</li>
</ul>
</li>
</ul>
我当前的 CSS 规则边框看起来像这样:
我希望它们看起来像这样,但不插入 <span>
标签:
有什么想法吗?
最佳答案
也许是这样的:
li {
clear: both;
width: 200px;
list-style-type:none;
border:1px solid;
margin:3px;
}
li ul{
float: left;
}
<ul>
<li>something
<ul>
<li>hello</li>
<li>there</li>
</ul>
</li>
<li>something
<ul>
<li>hello</li>
<li>there</li>
</ul>
</li>
</ul>
结果:
关于css - 嵌套列表的边框样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11992029/