如何使用 CSS3 建立寬度不等的兩列佈局？

建立寬度不等的多列佈局

在CSS3中，column屬性允許建立多列佈局。但是，它對各個列的寬度提供有限的控制。

問題：

您想要實現寬度不等的兩列佈局，給一列一個寬度為 20px，另一個寬度為 80px。使用以下標記：

<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>

答案：

不幸的是，CSS3 中無法為列指定不同的寬度。列屬性專為等寬列之間溢出的內容而設計。因此，您無法使用此功能實現所需的不等列寬度。

以上是如何使用 CSS3 建立寬度不等的兩列佈局？的詳細內容。更多資訊請關注PHP中文網其他相關文章！