想要讓一個按鈕水平居中,需要使用CSS的布局屬性和選擇器。下面介紹兩種實現方法。
方法一:使用display和margin屬性
button { display: block; /* 將按鈕變為塊級元素 */ margin: 0 auto; /* 左右margin設為auto,讓按鈕水平居中 */ }
方法二:使用flexbox布局
.container { display: flex; /* 將容器變為flex容器 */ justify-content: center; /* 將子元素在容器內水平居中 */ } button { flex: none; /* 禁止子元素自動調整尺寸,保持原有尺寸 */ }
以上兩種方法都可以實現按鈕水平居中的效果,具體使用哪種方法取決于具體情況。如需讓多個按鈕在同一水平線上居中,只需將它們放在一個容器內,對容器應用以上方法即可。