私のHTMLは次の例のようなラッパーなしROWSPANとレイアウト：フレキシボックス：
ブロックの高さが異なることができます：
<div class="wrapper">
<div class="wrapper_item">1</div>
<div class="wrapper_item">2</div>
<div class="wrapper_item">3</div>
<div class="wrapper_item">4</div>
<div class="wrapper_item">5</div>
<div class="wrapper_item">6</div>
<div class="wrapper_item">7</div>
</div>
は、と私は、このようなレイアウトが必要です。
他のラッパーを使用しないでFlexboxでどうすればいいですか？
テーブルを使用できます。それは簡単に実装できます。
<html>
<head>
<style>
table{
width:100px;
height:100px;
border:solid 3px black;
border-collapse: collapse;
}
td{
background:grey;
border:solid 3px black;
padding:0px;
}
</style>
</head>
<body>
<table>
<tr>
<td rowspan="2" colspan="2">1</td>
<td>2</td>
<td>3</td>
</td>
<tr>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>それに役立つことを願っています。
ありがとう。これは助けることができます。しかし、テーブルはメディアと互換性がありません –
追加のラッパーを使用しないと、実行できません。 Flexboxはグリッドシステムではありません：http://stackoverflow.com/a/34481128/3597276 –
ありがとうございます。それは私が別の構造を作るだろうと思われる –