想要讓網頁中的文本、圖片等整體居中，CSS樣式的設計就顯得尤為重要。下面就來介紹幾種方法讓你的網頁元素更好看、更整齊。
1. 水平居中
要想實現水平居中，可以使用text-align屬性，將它的值設為center即可。代碼如下：
pre{
text-align:center;
}
也可以使用margin屬性，將左右邊距設為auto，這樣左右邊距就平分容器寬度了。代碼如下：
pre{
margin:0 auto;
}
2. 垂直居中
想要實現垂直居中，可以使用flex布局。首先將容器的高度設置為100%（或min-height:100%），再給容器加上伸縮布局：
pre{
display:flex;
flex-direction:column;
justify-content:center;
}
這樣，文本就垂直居中了。
3. 水平垂直居中
若想實現水平垂直居中，可以先使用第二種方式實現水平居中，再使用第三種方式實現垂直居中。代碼如下：
pre{
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
}
綜上所述，想要讓網頁中的元素整體居中，我們可以使用text-align、margin、flex等CSS樣式，這些樣式都可以輕松實現要求。
上一篇css樣式是由那三個要素
下一篇dw css導航欄