顯示：所有單元格的表格單元格相同空間

我遇到了display: table-cell;和單元格之間的空間問題。我想動態地爲所有單元格寬度相同。顯示：所有單元格的表格單元格相同空間

怎麼可以看到的"Ausstattung & Skizze"比別人更廣泛。有沒有辦法爲所有單元格動態設置相同的寬度？

2015-02-09 Pomm0

什麼「相同的寬度」？你應該在問題本身中包含相關的HTML和CSS。 – 2015-02-09 09:15:29

可以持有display:table;

ul{ 
    display: table; 
    width: 700px; 
    table-layout: fixed; 
}

這樣的父元素上使用table-layout:fixed;，每一個細胞都將獲得相同的寬度，如果你不逼自己的寬度，沒有你連續有多少個單元格。

（編輯：查看此JS fiddle http://jsfiddle.net/m8evqnv0/）

來源

2015-02-09 09:10:35 Aghaa

偉大的解決方案，謝謝！ – Pomm0 2015-02-09 09:15:46

它對你的迴應@MarkusGruber？表格寬度是700px的靜態。 – 2015-02-09 09:23:48

我增加了寬度：100％;比它的響應性足夠 – Pomm0 2015-02-09 09:46:29

li { 
    display: inline-block; 
    width: 150px; 
}

編輯：無需inline-block，與width:25%

來源

2015-02-09 08:53:06 yonatanmn

它必須有響應，所以靜態寬度不是一個好主意。 – Pomm0 2015-02-09 08:54:28

和'寬度：25％' - 是不夠的？ – yonatanmn 2015-02-09 08:56:13

是的，我認爲是一樣的，但問題是，它也必須是多種語言。例如在意大利語中，某些詞比德語中的要寬很多。所以它不適合寬度：25％。我知道我可以用一點點寬度來適應所有語言。如果使用display：table; With display：table;我不會使用它。它會更清晰，更好，我想..謝謝。 – Pomm0 2015-02-09 09:01:35

如果無序列表的寬度是固定的，那麼： -

li 
{ 
    width: 25%; 
}

最佳實踐： - 使用類裏，然後風格的類。

如果您希望表格具有響應性，請使用表格標記。它會像魅力一樣工作。

小提琴： - http://jsfiddle.net/4wsmx8t0/3/

來源

2015-02-09 08:58:50

我正在編輯小提琴。更新： - 完成。 – 2015-02-09 09:05:39

當可用寬度足夠窄時失敗，當寬度非常大時會產生荒謬的結果。當然是 – 2015-02-09 09:16:33

。一個響應表應該被實現，並且應該設置一個最大寬度，因爲一個只有％響應的4列表在移動時看起來不會很好。偉大的一點@ JukkaK.Korpela – 2015-02-09 09:20:36

顯示：所有單元格的表格單元格相同空間

回答

相關問題