【HTML】改行による空白（スペース）を除去する方法
HTMLでは、改行も半角スペースと同じ文字として認識されるため、意図しない場所にスペースができることがあります。
例えば、
<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a>
<a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a>
<a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a>
<a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
こんな感じで、横幅バッチリのグローバルメニューを作るために、キッチリと横幅を4分割した画像をせっせと準備したのに、表示を見ると・・・完全にズレてた！なんてことがあると思います。 これは、改行コードによる空白（スペース）が原因です。 じゃあ、
<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
このように、改行を入れずに書けば解決されるのですが、
これだと見にくかったり諸処問題があったりと、そこで、
<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a><--
--><a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a><--
-->
<a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a><--
-->
<a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
こんな感じにすればスマート。。。
【HTML】 改行による空白 （スペース） の関連記事
コメント
No comments yet
コメントする
次項 tableのheight（高さ・縦）を100%にする
前項 favicon.icoの作り方
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
