CSS中的報紙欄

Question

是否可以安排css報紙欄佈局，以便可以添加任意數量的欄並將其連續添加到現有欄的右側。

我的想法是這樣的：我只是添加一個新的div和一個新的列將被添加到右側等。

如果是，如何？

Here我發現了一個4列報紙佈局。但是柱高不一樣。我需要一種方法，無論文本多長時間，它們都會被規定到一定的高度。

在CSS中可能嗎？

Answer 1

我認爲使用現有的CSS框架可以更好地滿足您的需求，而不是從頭開始編寫代碼，因爲這是非常棘手的業務，並且很難在所有瀏覽器上工作（因爲其中一些不符合標準）

無論如何，對於報欄，我認爲有一個適合法案，960 Grid System。它帶有12個「柵格」列，柵格和填充物全部生效，只要你打算使用的列數是12或16，就可以處理它。

Answer 2

您可以使用CSS來設置列的高度，但是會自動添加一列來使用其他Web編程語言編寫的東西。

Answer 3

對於純粹的CSS，除非高度是靜態的，否則很難將相同的高度分配給幾個div。你可以使用醜陋的黑客，但這隻會讓你到目前爲止。

對於真正的列，使用表，這就是他們的目的。表格是有效的HTML結構，它只是你不應該使用它們作爲你的只有佈局工具。但是當表格工作時，使用表格。

Answer 4

CSS3提供了將任何HTML節點的內容轉換爲任意數量的列的方法。有一些屬性用於控制列的數量及其寬度，相對高度（「填充」或內容在現有列中的分配方式），列之間的間隔，「規則」（分界線或邊框）等。

作爲起點，請參閱w3schools.com CSS3 Multiple Columns參考頁。

但是，像往常一樣，廣泛使用的瀏覽器中的IE瀏覽器不支持列CSS3屬性。

一個跨瀏覽器的解決方案是Columnizer jQuery Plugin。