DIV內的多個Button要如何置中

div button 水平置中網頁設計

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

分享至

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

我是在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;
就可以了謝謝

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙