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中文網其他相關文章！