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

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

Bootstrap-4 卡響應(yīng)式圖像/文本列重疊

Bootstrap-4 卡響應(yīng)式圖像/文本列重疊

ABOUTYOU 2023-11-13 14:38:11
我有兩張相鄰的卡片,我試圖設(shè)計(jì)它,使它們始終具有相同的高度,并且我在讓我的左框看起來漂亮且沒有重疊時(shí)遇到了一些麻煩。目前,我的左框中有兩個(gè)元素,一個(gè)圖像元素和一個(gè)文本元素。我正在嘗試設(shè)置左側(cè)框的樣式,以便元素不重疊并且框在調(diào)整大小時(shí)能夠響應(yīng)。在我的 jsfiddle (https://jsfiddle.net/martinradio/jshet597/27/)中,它目前看起來像這樣:添加 img-fluid 通過防止重疊來幫助提高響應(yīng)能力,但會產(chǎn)生導(dǎo)致圖像顯得非常小的副作用,我嘗試通過添加 style="max-width:6" 來解決此問題,但它不會影響圖像。img-fluid 標(biāo)簽甚至導(dǎo)致圖像/文本不再居中。有沒有辦法讓我的圖像/文本在卡片的中心保持對齊,圖像更大,同時(shí)還保持響應(yīng)能力,以便在調(diào)整大小時(shí)不會重疊?
查看完整描述

1 回答

?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

如果我理解正確,您想要將左框居中,不想將內(nèi)容與圖像重疊并保持框高度與右側(cè)相同。

.container, .row and .h-100從您的代碼中刪除了類,并div從代碼中刪除了一些不需要的內(nèi)容以獲得合適的結(jié)果。

這是您的代碼

https://jsfiddle.net/w5pzcxn6/


查看完整回答
反對 回復(fù) 2023-11-13
  • 1 回答
  • 0 關(guān)注
  • 212 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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