HTML / CSS中嵌套列表中的缩进

前端之家收集整理的这篇文章主要介绍了HTML / CSS中嵌套列表中的缩进前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经开始使用Twitter Bootstrap,这对我来说(作为程序员)有用,可以得到一个体面的网站,而不必编写很多CSS.

不过有事让我疯狂.我有一个嵌套的列表

<ul>
  <li>Hello</li>
  <li>World 
    <ul>
      <li>Wide</li>
      <li>Web</li>
    </ul>
  </li>
</ul>

但是,这个列表的第一和第二个级别不会变得不同(即它们在左边相互对齐)

在正常的html嵌套列表中,更深层次的子列表缩进更多.但样式表中的某些内容必须将其关闭.如何找到什么控件?任何文档中的li元素都看不到CSS“列表缩进”属性.

解决方法

只需在FF或 Chrome dev-tools中使用 Firebug:右键单击目标并选择inspect元素.您可以通过视觉和文本检查CSS属性来查看导致崩溃的原因.

你可能想要一个规则

ul > li {
    margin-left: 10px;
}

猜你在找的HTML相关文章