CSS /記者：多行

多行你會如何去均勻地分散元素均勻地分散的元素，例如：CSS /記者：多行

wrapper div: <div style="text-align: center"> 
elements inside: <div style="display: inline-block; 
       padding-left: 10px; padding-right: 10px;">Element</div>

而不是隻具有在下一行一個元素（包）：

Element 1  Element 2  Element 3  Element 4  Element 5 
          Element 6

它這樣做，散開的元素：

Element 1  Element 2  Element 3 
Element 4  Element 5  Element 6

來源

2010-05-07 David Lawson

我使這不是動態的，找不到解決方案 – 2010-05-09 10:54:09

如果元素的寬度及其數量不固定，我會編寫一個代碼，根據具體情況生成自定義標記。

然而，它可能會變得棘手，因爲使用網絡媒介，很難（實際上不可能）計算文本塊的像素實際大小（無法知道瀏覽器使用哪種字體並獲得其度量）。

我建議預先決定的列數（2或3），然後使用與它們的寬度設置爲50%33%或和text-align屬性center元件。

來源

2010-05-07 10:14:43

在我的情況下，元素可能真的很短或很長......可能使用JS來計算每個塊的大小？ – 2010-05-07 10:22:41

如何指定「寬度」風格？

<div style="width: 50px; display: inline-block; padding-left: 10px; padding-right: 10px;">Element</div>

來源

2010-05-07 10:14:47 Shiki

寬度是可變的 – 2010-05-15 08:32:11

將它們全部左移，寬度爲50％或33％或任何你需要的。

確保您清除後的浮動。

來源

2010-05-09 11:01:51

寬度是可變的，所以這是行不通的 – 2010-05-15 08:31:37

CSS /記者：多行

回答

相關問題