CSS內部div居中在網頁布局中是非常常見的需求，比如希望圖像、文本居中。
現在我們就來介紹如何使用CSS實現內部div居中的效果。
.parent{
width: 500px;
height: 500px;
border: 1px solid black;
text-align: center; /* 讓子元素水平居中 */
}
.child{
width: 200px;
height: 200px;
background-color: gray;
display: inline-block; /* 讓div變成行內塊元素 */
vertical-align: middle; /* 讓子元素垂直居中 */
}上述代碼中的.parent代表外層的
元素，.child代表內層的
元素。我們需要將內層的
元素水平垂直居中，就需要讓它變為行內塊元素，然后在父元素上通過text-align屬性讓其水平居中，再在內層
元素上通過vertical-align屬性讓其垂直居中。
通過上述的代碼和說明我們可以實現內部div居中的效果，這個技巧在網頁布局中非常常用，對于CSS的掌握程度也是一個重要的指標。
上一篇css 寫hover
下一篇mysql的幾個配置文件