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