如何从无序列表项中移除缩进？
如何从无序列表项中移除缩进？
提问于 2012-12-19 02:13:00
我想从ul中删除所有的缩进。我尝试将margin、padding、text-indent设置为0，但没有效果。似乎将text-indent设置为负数确实有效-但这真的是移除缩进的唯一方法吗？
回答 7
Stack Overflow用户
回答已采纳
发布于 2012-12-19 02:25:07
将列表样式和左侧填充设置为nothing。
ul {
list-style: none;
padding-left: 0;
}
ul {
list-style: none;
padding-left: 0;
}<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
要维护项目符号，可以将list-style: none替换为list-style-position: inside或速记list-style: inside
ul {
list-style-position: inside;
padding-left: 0;
}
ul {
list-style-position: inside;
padding-left: 0;
}<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
Stack Overflow用户
发布于 2015-08-13 16:45:03
display:table-row;也会去掉缩进，但会去掉项目符号。
Stack Overflow用户
发布于 2014-07-03 00:11:35
将这个添加到你的CSS中：
ul { list-style-position: inside; }这将把li元素放在与其他段落和文本相同的缩进中。
参考：http://www.w3schools.com/cssref/pr_list-style-position.asp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13938975
复制相关文章
相似问题