* {
padding: 0;
margin: 0;
}
.test {
overflow: hidden;
height: 50px;
margin-left: 50px;
}
显示没有*列表样式类型。如何使用overflow和* style显示list-style-type?
jsfiddle:http://jsfiddle.net/hcFCs/
感谢。
答案 0 :(得分:2)
您必须向test
类添加padding-left。试试这个:
<强> HTML:强>
<div class="test">
<ul>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
</ul>
</div>
<强>的CSS:强>
* {
padding: 0;
margin: 0;
}
.test {
overflow: hidden;
height: 50px;
margin-left: 50px;
padding-left:20px;
}
答案 1 :(得分:0)
请在li标签上添加margin-left以使列表可见
.test ul li {
margin-left:20px
}
答案 2 :(得分:0)
答案 3 :(得分:0)
更好的解决方案可能是添加:list-style-position:inside;
支持:Can I Use - all browsers (since IE6+, Firefox 2+, Chrome 1+ etc)
* {
padding: 0;
margin: 0;
}
.test {
overflow: hidden;
height: 50px;
margin-left: 50px;
list-style-position: inside;
}
<div class="test">
<ul>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
<li>description</li>
</ul>
</div>