|
引用內容
這個值導致一個元素產生一個塊狀盒模型(block box),而本身作為單一的內聯盒模型(inline box)流動排列(flow),類似一個被替代的元素。Display值為inline-block的元素內部形成一個塊狀盒模型,而本身形成類似一個內聯的被替代元素
PS:可惜IE不支持,FF也不支持。HOHO~
IE解決方案:觸發IE的layout,從而使該元素具備類似line-block的特性。
FF解決方案:使用moz專屬屬性:display::-moz-inline-box;
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
.box { display:inline; zoom:1; min-width:400px; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; }
html:lang(zh-CN) .box { display:-moz-inline-box; } /* moz-ff */
HTML/CSS技術:line-block的運用最小寬度的設置,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。