CSS 定寬塊狀元素的水平居中設定
阿新 • • 發佈：2019-02-17
當被設定元素為塊狀元素時用 text-align：center 就不起作用了，這時也分兩種情況：定寬塊狀元素和不定寬塊狀元素。這一小節我們先來講一講定寬塊狀元素。
滿足定寬和塊狀兩個條件的元素是可以通過設定“左右margin”值為“auto”來實現居中的。我們來看個例子就是設定 div 這個塊狀元素水平居中：
html程式碼：
<body> <div>我是定寬塊狀元素，哈哈，我要水平居中顯示。</div> </body>
css程式碼：
<style>
div{
border:1px solid red;/*為了顯示居中效果明顯為 div 設定了邊框*/
width:500px;/*定寬*/
也可以寫成：
margin-left:auto; margin-right:auto;
注意：元素的“上下 margin” 是可以隨意設定的。