html - フレックスでHTMLテーブルのような構造を作成する方法

Question

html テーブルのコーディング構造は、以下に示すコードのように
<table>
<tr>
<td>Text</td>
<td>input text field</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>submit butto</td>
</tr>
</table>
なります。colspann と rowspan の代替オプションを使用して、フレックス アプリケーションで上記の行と列のフォーマットを指定したフレックスでこのようなテーブル構造を作成するにはどうすればよいですか?

Answer 1

方法はたくさんあります。私はおそらく、フォームレイアウトコンテナを調べることから始めます。これは2列のレイアウトに最適ですが、主に次の目的で使用される最初の列をほとんど制御できません。

理論的には、埋め込みコンテナを使用してこのようなものを作成することもできますが、不要なコンテナが大量に発生する可能性があるため、このアプローチはお勧めしません。

独自のレイアウトクラスを作成することもできます。レイアウトの詳細については、こちらをご覧ください。これは最も強力で柔軟なアプローチですが、おそらく最も時間がかかります。