HTMLで要素を一列に揃えたい

hiwm0126 73views 更新:2017年10月11日

HTMLで要素を一列に揃えるためには、<tr>タグを使うと良いです。

例えば<td>タグで囲んだものの中にあるものを一列に並べたい場合は、以下のようにします。

<tr>
<td>

〜要素のタグを書き込む〜
<input 〜 >

</td>
</tr>

ただ気をつけなければならないのが以下のように<td>タグの中に<td>タグを書き込むと気持ち悪い形で配列されたり、 <div>タグの使用する際に、記述の仕方に気をつけないと空白が沢山出来たりします。

<tr>
<td>

〜要素のタグを書き込む〜
<td>
<input 〜 >
</td>
// <td>タグはテーブルのセルを作るものなので、これだとセルの中にセルを作るということになり、意図しない表示になる可能性がある

</td>
</tr>

<tr>タグで囲んだ者同士は、そのまま並べるとくっついて表示されますが<p>タグで囲んであげれば、離れて表示されるようになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません