如何水平對齊容器 DIV 內的 DIV？

水平對齊 DIV

嘗試在容器 DIV 內水平居中 DIV 時，您可能會遇到對齊問題。發生這種情況的原因有很多。要解決此問題，請考慮以下解決方案：

使用內聯塊顯示而不是浮動

不要使用浮動屬性，而是考慮使用顯示：inline-塊屬性。這將確保 DIV 顯示為內聯元素，從而允許水平對齊。

更新的程式碼

要實現此解決方案，請修改您的CSS 程式碼，如下所示：

<code class="css">.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}</code>

此調整將修正水平對齊問題，使DIV 能夠位於容器內的中央。值得注意的是，這種方式特別適合DIV寬度固定或比較相似的場景。

以上是如何水平對齊容器 DIV 內的 DIV？的詳細內容。更多資訊請關注PHP中文網其他相關文章！