tableのheight（高さ・縦）を100%にする
CMSなどを使用していて、横並びのテーブルをテンプレートとして作成したい場合に、
<table border="1">
<tr><td>
<table border="1" height="100%">
<tr>
<td>1行</td>
</tr>
</table>
</td>
<td>
<table border="1" height="100%">
<tr>
<td>2行<br />2行</td>
</tr>
</table>
</td>
</tr>
</table>
のように縦を100%にしてもうまく揃えることができないないときがあります。
（下図）
|
|
これは、親要素に対して、100%指定をしなかったためで、
<table border="1" height="100%">
<tr><td>
<table border="1" height="100%">
<tr>
<td>1行</td>
</tr>
</table>
</td>
<td>
<table border="1" height="100%">
<tr>
<td>2行<br />2行</td>
</tr>
</table>
</td>
</tr>
</table>
とすることで、子要素のtableに指定したheight100%が反映されるようになります。
（下図）
|
|
tableのheight （高さ・縦） を100%にする の関連記事
No related items.
コメント
No comments yet
コメントする
次項 【HTML】複数のクラスをつける
前項 【HTML】改行による空白（スペース）を除去する方法
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
