HTMLCSS中嵌套列表中的缩进

概述我已经开始使用Twitter Bootstrap,这对我来说(作为程序员)有用,可以得到一个体面的网站,而不必编写很多CSS. 不过有事让我疯狂.我有一个嵌套的列表 <ul> <li>Hello</li> <li>World <ul> <li>Wide</li> <li>Web</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;}

总结

以上是内存溢出为你收集整理的HTML / CSS中嵌套列表中的缩进全部内容，希望文章能够帮你解决HTML / CSS中嵌套列表中的缩进所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。