首頁 > web前端 > css教學 > CSS3中可以為列設定不同的寬度嗎?

CSS3中可以為列設定不同的寬度嗎?

Barbara Streisand
發布: 2024-10-31 15:58:20
原創
1042 人瀏覽過

Can you set different widths for columns in CSS3?

自訂CSS3 中的列寬

問題:

是否可以在CSS3 中為列指定不同的寬度?

討論:

在 CSS3 中,column-width 屬性會設定多列佈局中多列的寬度。但是,您只能為所有列定義一個值。這意味著每列將具有相同的寬度。

範例:

考慮兩列版面的以下HTML 標籤:

<code class="html"><div style="-webkit-column-count: 2;
            -webkit-column-rule: 1px solid black;
            -webkit-column-width: 80px;
             margin-left:20px;margin-top:20px;">
    <div id="picturebox">picture box</div>
    <div id="nme">name</div>
</div></code>
登入後複製

在此範例中,「圖片方塊」和「名稱”div 的寬度相同,均為80px。

答案:

否,在 CSS3 中不可能為列指定不同的寬度。

column-width 屬性是為在相等的列之間均勻流動的內容而設計的。為列分配不同的寬度會擾亂內容的流動並建立不一致的佈局。

以上是CSS3中可以為列設定不同的寬度嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板