DIV內的多個Button要如何置中

div button 水平置中網頁設計

HAHZOZO 2020-07-08 09:16:31 ‧ 14143 瀏覽

大家好
想要來試著寫網頁
但遇到個困難

我是在Chrome的DevTools上操作的
希望這六的button可以在藍色框裡水平置中
且因畫面變窄六個button也要隨著畫面變化變成直列的
像是這樣

也要在藍色框裡水平置中

謝謝

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2020-07-08 10:03:46 檢舉

請先提供你目前的css配置。比較好了解你目前的情況。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

japhenchen

iT邦超人 1 級 ‧ 2020-07-08 09:30:55

最佳解答

單純BUTTON或用JQUERY跑button()或用DIV自製.....
上層容器的CSS設text-align:center;

    <div style="text-align:center;">
        <button>1</button>
        <button>2</button>
        <button>3</button><br>
        <button>4</button>
        <button>5</button>
        <button>6</button>
    </div>

回應 1
分享
檢舉

HAHZOZO iT邦新手 5 級 ‧ 2020-07-08 10:03:12 檢舉

謝謝搞定了
增加CSS
justify-content: center;
就可以了謝謝

登入發表回應

我要發表回答

立即登入回答

DIV內的多個Button要如何置中

1 個回答

我要發表回答

標記使用者