▲TOP > Web制作
HTML5で廃止された、align、valignの代替
HTML5でalign、valignが廃止されたので、その代替。
●テキストを左右にセンタリング
<div style="text-align:center; ">
text
</div>
〇Table
<table style="text-align:center; width:100%;">
<tr>
<td>
text
</td>
</tr>
</table>
<table style="width:100%;">
<tr>
<td style="text-align:center; ">
text
</td>
</tr>
</table>
●テキストを上下にセンタリング
<table style="width:100%; height:30px;">
<tr>
<td style="vertical-align:middle;">text</td>
</tr>
</table>
(2022年10月27日)
|
