CSS是控制網(wǎng)頁樣式的重要一環(huán)，在其中，如何讓
居中是一個必須處理的問題。以下介紹一些常用的方法。
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}這個方法利用相對定位將
放在左上角，然后利用絕對定位把它移動到屏幕中央。利用CSS3的transform屬性可以使元素在居中的時候不改變其它內容的位置。
div {
margin: 0 auto;
}這個方法利用了公式：margin-right = margin-left。為了達到居中的效果，左右兩側的margin必須一樣。這個方法適用于居中一個已知寬度的元素。
.container {
display: flex;
justify-content: center;
align-items: center;
}這個方法利用CSS3的彈性布局來實現(xiàn)居中效果。flex布局會在父元素內部只是兩個方向上的線性容器，在justify-content和align-items兩個屬性的同時指定容器的橫縱方向的對齊方式。