表の前のこの余計な空白は何故?HTMLの空白どうしたら消せるの。
表、つまりテーブルを表示するタグを書いたのは良いのですけれど、ココログに投稿をアップしてみるとかなり間延びした空白が、、。(汗)
今日、午前中に投稿を見た方は何回かの投稿しなおしの悪戦苦闘をご覧になったと思います。
色々試したのだが、どうにもこうにも駄目。で、Google検索で調べてみました。検索のキーワードは、「HTML表示 空白 何故」とか「HTML表示 空白 困る」です。
しかし、色々キーワードを変えたり、組合せを変えたりしたけれど、適当な情報が出てきません。結局、たどり着けたのは、
「HTML表示 余計な空白」のキーワードでたどり着けた下記記事です。肝のキーワードは「余計な空白」でした。
アイテム内にhtmlでテーブルを組んだのですが...
http://japan.nucleuscms.org/bb/viewtopic.php?p=4352&
で、結局空白を表示しないようにできました。その時の、上記記事を参考に書いた以下小生のメモ。
タグで表を書き、HTML表示すると表の前に余計な空白が入る現象を解消するには?
<table>から</table>までを改行なしで記述すれば空白はなくなる。
※改行部分は正規表現を使い、エディタの置換で削除する。正規表現「¥n」だけだとセル内改行とかも削除されてしまうので、
検索文字「>¥n」、置換後の文字「>」でやると良い。
(赤字の部分はタグとして記述するときにはもちろん半角です。)
(画像をクリックすると拡大します。)
![]()
画像はQXエディタで、「Ctrl+H」で出した検索・置換の窓です。正規表現の設定とかもできて慣れて使い込むと最高です。 上記作業はエディタを使うとミスもなく楽に出来ます。まさに「ブログやココログやるなら、エディタくらい使わなきゃね。」です。正規表現は最初とっつきにくいですがなれると本当に重宝します。最初のうちはおきまりの簡単なものを使って便利さを実感すれば良いでしょう。
「タイトルだけでアクセス倍増。内容が良くたってタイトルが駄目なら、、、。(汗)」投稿では余計な空白もなく投稿できました。つまり、
※レイアウトで横幅を%などで指定したときにも上部に余計な空白は表示されなくなる。しかし、セル内の文字改行部分などが崩れるのでこの「改行なし」のやり方が良い。
のようです。
追記、実はQXエディタには、改行削除マクロの「取れ狸」と言うのがあります。僕も普段一番使うマクロです。改行を取りたい範囲を指定して「取れ狸」のアイコンをクリックするだけ。しかし、セル内改行を使っている場合にはそこの改行も削除してしまうので、この場合使えません。ほとんどのエディタは正規表現を使えますので上記のやり方でやればOKです。 (但し、数は少ないですがエディタでも正規表現をサポートしていないのもあります。典型的な例はWindows付属のメモ帳です。他のエディタならできる色々な便利機能をほとんど使えません。)
| 固定リンク






























































































コメント