input ボタンを隙間なく並べるには、HTMLファイルを読みづらくする。

スポンサーリンク

Snap_2013-12-23_9-14-46

ボタンを並ばましたが、隣との隙間が大きすぎます。

各行の最後に、CR(Return)があります。これが悪さをしていました。

Snap_2013-12-23_15-29-29

これがあることで、ボタンの次に空白(隙間)が出来てしまいます。
行末のCRをなくします

<span id="lnum1" style="color: #606060;">   1:</span> &lt;input type=<span style="color: #006080;">"button"</span> name=<span style="color: #006080;">""</span> <span style="color: #0000ff;">class</span>=<span style="color: #006080;">"small"</span> id=<span style="color: #006080;">"answer"</span> value=<span style="color: #006080;">""</span>&gt;&lt;input type=<span style="color: #006080;">"button"</span> name=<span style="color: #006080;">""</span> <span style="color: #0000ff;">class</span>=<span style="color: #006080;">"small"</span> id=<span style="color: #006080;">"answer"</span> value=<span style="color: #006080;">""</span>&gt;&lt;input type=<span style="color: #006080;">"button"</span> name=<span style="color: #006080;">""</span> <span style="color: #0000ff;">class</span>=<span style="color: #006080;">"small"</span> id=<span style="color: #006080;">"answer"</span> value=<span style="color: #006080;">""</span>&gt;&lt;br&gt;

CRを取り除き、見づらいですが一行に全て入れます。

Snap_2013-12-23_15-34-42

隙間無くなりました。

参考サイト:

2/4 ぴったりくっつけたい!-FORM編 [ホームページ作成] All About

コメント

タイトルとURLをコピーしました