l頁面中實現左右居中呢?下面將為您詳細介紹。
argin實現左右居中
largin屬性來實現左右居中。具體實現方法如下:
arginargin-right為auto。
tainer {
width: 960px;argin-left: auto;argin-right: auto;
l頁面中,將你想要居中的內容放到該容器中。
tainer">
這是要居中的內容
這樣,就可以將內容水平居中了。
二、使用flexbox實現左右居中
Flexbox是CSS3中的新特性,可以幫助您輕松實現復雜的布局。使用flexbox實現左右居中的方法如下:
1. 在CSS中設置一個容器,并設置display:flex。
tainer {
display: flex;
arginargin-right為auto。
tainer">tent">
這是要居中的內容