【问题标题】:li indentation not going awayli 缩进不会消失
【发布时间】:2013-11-20 00:30:45
【问题描述】:

如果这是非常基本的,请原谅我,但是在网上研究了几分钟后,我找不到如何从 HTML 列表中删除自然缩进。这是我用 CSS 尝试过的:

(查看我的fiddle

CSS

ul li {
    list-style: none;
    margin-left:0;
    padding-left:0;
}

HTML

<ul>
    <li>There</li>
    <li>is</li>
    <li>still</li>
    <li>an</li>
    <li>indent</li>
</ul>

【问题讨论】:

标签: html html-lists margin padding


【解决方案1】:

在大多数浏览器中,ul 有一个 padding-left40px 来为项目符号点分配间距。

只需覆盖填充。 jsFiddle example

ul {
   padding:0px;
}

【讨论】:

  • 我确定mr.musicman的代码是对的。只需删除li 并保留ul,它会正常工作
  • @Vinh 虽然语法不正确。 li 元素不能在没有父 ulol 的情况下存在。
  • 是的,ul { padding:0; } 就足够了。我只是说如果他在他的代码中删除li,它也会起作用:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-11-19
  • 1970-01-01
  • 2017-04-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多