1.div的內容居中

（1）水平居中

<div align="center"><button>按鈕></button></div>

CSS：

div{display: block; // div默認為塊級元素，如果是第三方控件或繼承父類元素不是block，則需要指定（必要時提高優先級）text-align: center; }

（2）垂直居中

設置line-height等于height即可（當line-height為百分比時是相對于字體而言）。

2.div的布局居中

div css網頁布局居中的條件：

1、對body設置CSS內容居中樣式text-align:center，代碼：body{ text-align: center;?}
2、對最外層布局對象設置margin:0 auto樣式，代碼：.div-container{ margin: 0 auto; }

如果父級元素不是內容居中的或者為寬度不固定元素，僅僅設置布局對象的左右margin為auto往往無效。

?

總結

以上是生活随笔為你收集整理的div内容居中和布局居中样式总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。