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

发布时间：2020-12-14 18:55:18 所属栏目：资源来源：网络整理

导读：我已经开始使用Twitter Bootstrap,这对我来说(作为程序员)有用,可以得到一个体面的网站,而不必编写很多CSS. 不过有事让我疯狂.我有一个嵌套的列表 ul liHello/li liWorld ul liWide/li liWeb/li /ul /li/ul 但是,这个列表的第一和第二个级别不会变得不同(即

我已经开始使用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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!