在前端開發中,通常需要實現兩個按鈕在頁面中水平居中對稱的布局,這時候使用CSS就可以非常簡單地實現。以下是實現的代碼:
.button-group { display: flex; justify-content: center; } .button-group button { padding: 10px 20px; margin: 0 10px; }
以上代碼通過使用flex布局來實現兩個按鈕居中對稱。在.button-group類中,將display屬性設為flex,justify-content屬性設為center,就可以將其中的子元素水平居中對齊。而在button元素的樣式中,設置適當的padding和margin值,就可以使得兩個按鈕在頁面中對稱。
需要注意的是,在實際應用中,可能需要根據實際需求適當調整padding和margin值,以及使用不同的CSS樣式來美化按鈕。
上一篇css 兩條邊框重復太粗
下一篇css 兩個背景圖片