Html 块级元素行为

以下是HTML/CSS

li{
浮动：左；
背景色：#BD4932；
}
李阿{
显示：块；
填充物：5em 1em；
颜色：#FFFAD5；
}

动态水平定心
带显示：表格

因为您使用的是

浮点：left

---

如果指定了float:left（或right），

display:block

是多余的。

因为您使用的是

float:left

---

display:block

是多余的，如果您指定了float:left（或right）。

否，默认情况下，块级元素的宽度为其父元素的100%。不会在新行中推送下一个元素。您的锚定父项（列表项）向左浮动，这意味着它的宽度与其内容相同

如果希望锚定（和列表项）移动到下一行，则从

li

li{
/*浮动：左*/
背景色：#BD4932；
}
李阿{
显示：块；
填充物：5em 1em；
颜色：#FFFAD5；
}

动态水平定心
带显示：表格

否，默认情况下，块级元素的宽度为其父元素的100%。不会在新行中推送下一个元素。您的锚定父项（列表项）向左浮动，这意味着它的宽度与其内容相同

如果希望锚定（和列表项）移动到下一行，则从

li

li{
/*浮动：左*/
背景色：#BD4932；
}
李阿{
显示：块；
填充物：5em 1em；
颜色：#FFFAD5；
}

动态水平定心
带显示：表格

这将满足您的要求。（取下

浮子：左；

）

ul{
列表样式：无；
}
李{
背景色：#BD4932；
}
李阿{
显示：块；
填充物：5em 1em；
颜色：#FFFAD5；
}
动态水平定心
带显示：表格

这将满足您的要求。（取下

浮子：左；

）

ul{
列表样式：无；
}
李{
背景色：#BD4932；
}
李阿{
显示：块；
填充物：5em 1em；
颜色：#FFFAD5；
}
动态水平定心
带显示：表格

这是因为浮动：left；。有关更多信息，请阅读。这是因为浮动：left；。欲了解更多信息，请阅读。

ul {
     list-style: none;    
   }

li {
      background-color: #BD4932;
    }

    li a {
      display: block;
      padding: .5em 1em;
      color: #FFFAD5;
    }

    <h1>Dynamic horizontal centering</h1>
    <h2>With <span class="orange">display:table</span></h2>
    <nav role='navigation' class="nav-table">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Clients</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </nav>