我的 laravel 應(yīng)用程序中有一個(gè)按鈕<a href="{{ url('/product') }}" class="btn btn-default px-5 mt-3 rounded subscribe" role="button">{{ __('More info') }}</a>所以我需要按鈕文本位于按鈕的中心。但目前文本并未正確居中于按鈕目前按鈕看起來(lái)像這樣。文本沒(méi)有很好地居中。在我的 css 中，我有以下類代碼，訂閱.subscribe { background-color: #5ABDBA; color: #fff; border-radius: 40px!important; height: 43px; text-transform: capitalize!important; vertical-align: middle; }我正在使用 bootstrap 4 。
2 回答
瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
為什么要強(qiáng)制按鈕高度？
并始終青睞框架現(xiàn)有類
.subscribe { background-color: #5abdba; }
<a href="/" class="btn btn-default px-5 mt-3 rounded-pill text-white text-capitalize subscribe" role="button">{{ __('More info') }}</a>
慕容3067478
TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊
如果你想在 css 中保持高度，那么在標(biāo)簽集的類d-flex中align-items-center
- 2 回答
- 0 關(guān)注
- 159 瀏覽
添加回答
舉報(bào)
0/150
提交
取消