Css網格包裹列保持行高

我不確定這是否可以通過CSS網格和/或CSS Flexbox解決，但我想我會試試看，並在這裏問。Css網格包裹列保持行高

在codepen你看到多個列的CSS網格，包裝當視太小。這是它應該做的，它真的很好用CSS網格是多麼容易。

但是，我想要額外的是行高是相等的基於該行中最高的單元格。

爲了說明這一點，我在每列一個小區，而<hr>元素，以模擬邊框加入了更多的文字 - 所以，說起來這，我想有<hr>標籤是在每一行的高度相同，爲小區內的任意內容。

Thx的任何提示，的Marius

2017-08-15 naoko

這看起來完全像[本文]中的子網格功能的第二個用例（https://blogs.igalia.com/mrego/2016/02/12/subgrids-thinking-out-loud/）。不幸的是，這個功能已經推遲到規範的下一個級別，CSS Grid Level 2。 –

確實看起來完全一樣。很好，thx分享。 – naoko

一個解決辦法是使用JavaScript來檢查每個行中的每個電池的最大高度，然後相應地調整所有其他細胞。

但是也許更地道的解決辦法只是使用<table>元素和相應的風采吧。

2017-08-15 11:52:01 Normangorman

是的好吧，表元素會工作，除了一個表不包裝，或者我錯了？如果我想到嵌套表f.e.這是與在這裏與CSS網格... – naoko

所以是的，我想我需要一些JS在這裏，例如thx，但我更喜歡用Dart解決它：P – naoko

回答