227750 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

とある日常

とある日常

枠内の文字をヨコにずらす

■ マス目内の文字を左右にずらす



テーブル内のヨコの位置を変える
<td align=" 属性値 ">~</td>


「td」に「align」を組み合わせることで、枠内の文字を左右に動かすことができます
属性値には「left」「center」「right」のどれかが入ります。


たとえばこの例をみてください。



「align="left"」としたとき:





「<table border="1">
 <tr><td align="left">●</td></tr>
 <tr><td align="left">□</td></tr>
 <tr><td align="left">▲</td></tr>
 </table>」




「align="center"」としたとき:





「<table border="1">
 <tr><td align="center">●</td></tr>
 <tr><td align="center">□</td></tr>
 <tr><td align="center">▲</td></tr>
 </table>」




「align="right"」としたとき:





「<table border="1">
 <tr><td align="right">●</td></tr>
 <tr><td align="right">□</td></tr>
 <tr><td align="right">▲</td></tr>
 </table>」




「別々の位置にしたとき:





「<table border="1">
 <tr><td align="left">●</td></tr>
 <tr><td align="center">□</td></tr>
 <tr><td align="right">▲</td></tr>
 </table>」



このように文字の位置を変えることができました。


© Rakuten Group, Inc.