通過這樣的css樣式就可以實現:
使用margin-left:auto;margin-right:auto; 可以讓你的div居中對齊。
.style 縮寫形式為: .style ,數字0 表示上下邊距是0。
後面的那個width也是個很重要的屬性,因為按鈕的寬度非常小,所以要設定乙個合適的width值才可以讓按鈕居中。
擴充套件資料
css中margin屬性用法:
margin簡寫屬性在乙個宣告中設定所有外邊距屬性。該屬性可以有1到4個值。格式為-margin:10px 5px 15px 20px;
例項:1、margin:10px 5px 15px 20px;
上邊距是 10px,右邊距是 5px,下邊距是 15px,左邊距是 20px;
2、margin:10px 5px 15px;
上邊距是 10px,右邊距和左邊距是 5px,下邊距是 15px;
3、margin:10px 5px;
上邊距和下邊距是 10px,右邊距和左邊距是 5px;
4、margin:10px;
所有四個邊距都是 10px。
css高階 04 如何讓乙個元素水平垂直居中?
老闆的手機收到乙個紅包,為什麼紅包沒居中?如何讓乙個子元素在父容器裡水平垂直居中?這個問題必考,在實戰開發中,也應用得非常多。你也許能順手寫出好幾種實現方法。但大部分人的寫法不夠規範,經不起千錘百鍊。換句話說 這些人也就面試的時候夸夸其談,但真的上戰場的時候,他們不敢這麼寫,也不知道怎麼寫最靠譜。這...
如何讓乙個元素水平垂直居中?
這問題大概分為兩種型別,看要求,元素有沒有被設定寬高 1.利用絕對定位 box2.先把元素的左上角定位到 點,在向左和上移動自身寬高的一半 使用margin box3.先把元素的左上角定位到 點,在向左和上移動自身寬高的一半 使用transform平移 box4.先把元素的左上角定位到 點,在向左和...
css 方式讓乙個容器水平垂直居中
div.center div.center img paddingmargin topmargin bottomdiv.center div.center imgdisplay blockmargin 0 autoimg table.center aligned center core center...