課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
為什么我寫(xiě)column-width沒(méi)有控制寬度 還是colum-count控制頁(yè)數(shù)來(lái)控制的
2017-09-26
源自:十天精通CSS3 10-2
正在回答
因?yàn)槟呐履阒辉O(shè)置列數(shù)column-count,系統(tǒng)已經(jīng)根據(jù)頁(yè)面寬度設(shè)置好column-width了, 會(huì)將與你設(shè)置的width作比較,哪個(gè)width大就用哪個(gè)來(lái)根據(jù)頁(yè)面總寬度決定總列數(shù)
column-width?設(shè)置的寬度是最小寬度??
假設(shè)div寬度是900,設(shè)置的column-width是200,若此時(shí)未指定column-count,則按照每列200寬度開(kāi)始將div鋪滿(mǎn),但是我們會(huì)發(fā)現(xiàn)4列后剩下寬度不夠200了,這個(gè)時(shí)候進(jìn)行內(nèi)容自適應(yīng),即column-count為4,將900寬度均分為4列,每列寬度會(huì)大于200。
假設(shè)div寬度是900,設(shè)置的column-width是200,此時(shí)指定column-count為3,則按照column-count,將900寬度均分為3列,每列寬度會(huì)大于200。
假設(shè)div寬度為500,?設(shè)置的column-width是200,此時(shí)指定column-count為3,?則按照每列200寬度開(kāi)始將div鋪滿(mǎn),2列后剩下寬度不夠200了,這個(gè)時(shí)候會(huì)自動(dòng)改變column-count,即column-count為2,將500寬度均分為2列,每列寬度會(huì)大于200。
column-width 沒(méi)有反應(yīng)說(shuō)明你設(shè)置的列數(shù)*列寬遠(yuǎn)遠(yuǎn)小于你設(shè)置的那個(gè)寬度,這個(gè)時(shí)候?yàn)g覽器只能根據(jù)列數(shù)來(lái)進(jìn)行計(jì)算了,忽略了列寬
破舊的時(shí)光機(jī)3662066
你是怎么設(shè)置的?你設(shè)置寬度的時(shí)候有沒(méi)有設(shè)置默認(rèn)值?
舉報(bào)
本課程為CSS3入門(mén)教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
3 回答感覺(jué)沒(méi)什么反應(yīng)呢
3 回答column-width沒(méi)起作用呢
4 回答column-width column-count同時(shí)使用時(shí)column-width是不是不起作用
3 回答當(dāng)column-width設(shè)置寬度后,column-count的width還能起作用嗎
1 回答column-gap和column-width都是定義列寬的嗎?有何區(qū)別嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-08-21
因?yàn)槟呐履阒辉O(shè)置列數(shù)column-count,系統(tǒng)已經(jīng)根據(jù)頁(yè)面寬度設(shè)置好column-width了, 會(huì)將與你設(shè)置的width作比較,哪個(gè)width大就用哪個(gè)來(lái)根據(jù)頁(yè)面總寬度決定總列數(shù)
2017-10-11
column-width?設(shè)置的寬度是最小寬度??
假設(shè)div寬度是900,設(shè)置的column-width是200,若此時(shí)未指定column-count,則按照每列200寬度開(kāi)始將div鋪滿(mǎn),但是我們會(huì)發(fā)現(xiàn)4列后剩下寬度不夠200了,這個(gè)時(shí)候進(jìn)行內(nèi)容自適應(yīng),即column-count為4,將900寬度均分為4列,每列寬度會(huì)大于200。
假設(shè)div寬度是900,設(shè)置的column-width是200,此時(shí)指定column-count為3,則按照column-count,將900寬度均分為3列,每列寬度會(huì)大于200。
假設(shè)div寬度為500,?設(shè)置的column-width是200,此時(shí)指定column-count為3,?則按照每列200寬度開(kāi)始將div鋪滿(mǎn),2列后剩下寬度不夠200了,這個(gè)時(shí)候會(huì)自動(dòng)改變column-count,即column-count為2,將500寬度均分為2列,每列寬度會(huì)大于200。
2017-09-28
column-width 沒(méi)有反應(yīng)說(shuō)明你設(shè)置的列數(shù)*列寬遠(yuǎn)遠(yuǎn)小于你設(shè)置的那個(gè)寬度,這個(gè)時(shí)候?yàn)g覽器只能根據(jù)列數(shù)來(lái)進(jìn)行計(jì)算了,忽略了列寬
2017-09-27
你是怎么設(shè)置的?你設(shè)置寬度的時(shí)候有沒(méi)有設(shè)置默認(rèn)值?