CSS如何讓乙個按鈕居中應該怎麼做

2021-09-24 23:29:35 字數 669 閱讀 6758

通過這樣的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...