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

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

bootStrap,多行,多列,div高度不一樣導(dǎo)致錯(cuò)位,怎么解決

bootStrap,多行,多列,div高度不一樣導(dǎo)致錯(cuò)位,怎么解決

一只萌萌小番薯 2019-03-01 20:55:19
圖中,最左邊(左上)的div,因?yàn)閳D片有點(diǎn)高,下面多出一截,導(dǎo)致 1 處圖片,錯(cuò)位了。把3,4的圖片擠壓到第三行去了。怎么能把1處放到2處。3,4處圖片自動(dòng),跟著2處排列。變成這樣的,不是瀑布流,就是一個(gè)wp文章列表顯示。
查看完整描述

2 回答

?
阿波羅的戰(zhàn)車

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

我發(fā)現(xiàn)了一個(gè)高級(jí)方法,用偽類解決了。
好處是不需要設(shè)定固定寬高。
.col-md-4:nth-child(3n+1){
clear:left!important;
}
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>

怎么堆積col都不會(huì)變形了。


查看完整回答
反對(duì) 回復(fù) 2019-03-01
?
慕桂英4014372

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

換成 瀑布流吧

查看完整回答
反對(duì) 回復(fù) 2019-03-01
  • 2 回答
  • 0 關(guān)注
  • 1344 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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