水平對齊 DIV
嘗試在容器 DIV 內水平居中 DIV 時,可能會遇到對齊問題。發生這種情況的原因有很多。若要修正問題,請考慮以下解決方案:
使用內嵌區塊顯示而非浮動
不要使用浮動屬性,請考慮使用顯示:inline-區塊屬性。這將確保 DIV 顯示為內聯元素,從而允許水平對齊。
更新的程式碼
若要實作此解決方案,請修改您的 CSS 程式碼,如下所示:
.row {
width: 100%;
margin: 0 auto;
}
.block {
width: 100px;
display: inline-block;
}
此調整將修正水平對齊問題,使 DIV 能夠位於容器內的中央。值得注意的是,這種方式特別適合DIV寬度固定或比較相似的場景。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3