第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我怎樣才能將 div 與“collapse”類(Bootstrap)居中?

我怎樣才能將 div 與“collapse”類(Bootstrap)居中?

慕的地6264312 2024-01-03 15:43:57
目前我有以下內(nèi)容:我希望可折疊卡片位于文本和圖標下方的中心。我該怎么做?我嘗試過在 div 上使用 CSS,但是似乎沒有任何東西可以改變它們的位置?我到目前為止的代碼:<div class="categoryList">            @result            @if (result == "")            {                foreach (String dataLine in userData)                {            <p>                <a data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">                    @dataLine.Split(delimiterChar)[0]                </a>                <button class="btn"><i class="fas fa-plus secondaryPlusIcon"></i></button>                <button class="btn"><i class="far fa-edit secondaryPlusIcon"></i></button>                <button class="btn"><i class="far fa-trash-alt secondaryPlusIcon"></i></button>            </p>                <div class="collapse" id="collapseExample">                    <div class="card card-body w-25 p-3">                    </div>                </div>                }            }        </div>
查看完整描述

2 回答

?
慕尼黑的夜晚無繁華

TA貢獻1864條經(jīng)驗 獲得超6個贊

你可以嘗試這個作為替代方案。


<div class="collapse" id="collapseExample">

?<div class="card card-body w-25 p-3 desiredclassname">

? ...

?</div>

</div>

CSS代碼:


.desiredclassname{

?margin: auto;

}

希望能幫助到你 :)


查看完整回答
反對 回復(fù) 2024-01-03
?
qq_遁去的一_1

TA貢獻1725條經(jīng)驗 獲得超8個贊

您可以使用 CSS flexbox 來獲得精確居中


.collapse{

? display: flex;

? justify-content: center;

}


或者,您可以將其包裝在<center>標簽中:


<center>

? <div class="collapse" id="collapseExample">

? ...

</center>

然而,不鼓勵使用中心標簽。它可以被替換為


<div style="text-align: center;">

? <div class="collapse" id="collapseExample">

? ...

</div>

希望這些答案之一有幫助!


查看完整回答
反對 回復(fù) 2024-01-03
  • 2 回答
  • 0 關(guān)注
  • 178 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號