-1

行を動的に生成するWebアプリケーションを作成しようとしています（それぞれにラッパーdivがあります）。これらの行は同じ高さになります（基本的に-N行がある場合、各行の高さは'pageHeight / N')。

要素のタイプは div であり、内部の li を持つ ul ではないことに注意してください (これはリストではなく、正しい HTML を記述しようとしています)。

解決策はCSSで中継する必要があります（JSはこれを解決できますが、正しい方法ではありません）ので、display-table（外部ラッパー）とtable-row（各行のラッパー）が、それを理解できませんでした。

前もって感謝します ：）

4

1 に答える 1

0

フレックスボックスを使用できます：

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-item {
    -webkit-flex: 2 0 auto;
    flex: 2 0 auto;
}

これを確認してください（フレックスアイテムの数で要素の数を減らします）： http://bennettfeely.com/flexplorer/

于 2015-02-02T20:57:36.907 に答える