表セルのコンテナが親セルの高さ全体を占めるようにしてください。

Question

Flexboxを使用せずにコンテンツを垂直方向に整列させようとしています。このユースケースにはいくつかの問題があるため、垂直方向に整列されたテーブルでそれを行おうとしていますが、問題は、内部のコンテンツが残りの部分を埋めていないことです。高さ、CSSを介して何らかの方法でこれを行うことは可能ですか? https://jsfiddle.net/s38haqm5/25/

P粉183077097 · Answer

親の高さを定義する必要があります。 .cell には高さが設定されていないため、.container には 100% を計算するための値がありません。 .cell {height: 30px;} のように、.cell に高さを追加するだけです (.cella で行ったのと同じです。)

.cella と .cell は同じなので、このようなアドバイスが必要かと思います。セルを同じにしたいが、そのうちの 1 つを異なるスタイルにする必要がある場合は、すべてのセルに同じクラスを追加してから、異なる必要があるセルに ID を追加して、必要に応じて ID のスタイルを設定します。クラスと ID を持つセルには、クラスと ID

の組み合わせである CSS 値が含まれることに注意してください。