3年毎日ブログを書いてきたが、これまで機会がなかった。
いや、少しはあったかな。でも表を画像にして貼ってたと思う。
でも、いちいち画像にするのは面倒だし、
テキストデータとして選択する事ができないのも難だ。
というわけで、はじめて<table>タグで表を載せてみた。
イチゴ | 300円 |
カキ | 150円 |
オレンジ | 100円 |
バナナ | 120円 |
↑こういうのね。
////////////////////////////////////////////////////////////////////////////////////////////
ところが!
いちいち、タグを手で打ってらんないので、
Dreamweaver(ホームページ作成ソフト的な)で、
ちゃちゃっと表を作って、該当するソースだけコピーして
記事入力欄にペーストしてみたんだ。
▲こんな感じで
そしたら、
▲表の上に空白行ができてしまった
これは、なぜかというと…
▲タグを見やすくする為の改行にも</br>タグ変換されちゃったから
とはいえ、<table>タグに違いはなく、結果的に、
変換された </br>タグが空白行として表の上に発現しちゃったワケだ。
そこで、
▲「詳細設定」から「改行を</br>タグに変換しない」にチェックを入れた
すると、表の上の空白行が消えた!(°∀°)
…が、
▲本文の改行まで消えてしまった…(´・д・`)
これの回避方法は2つある。
1つは、自分で本文の改行したい所すべてに</br>タグを入れる。
▲こんなふうに
もう1つは、<table>タグ内の改行を消す。
▲こんなふうに
▲その場合は「改行を</br>タグに変換する」にチェックをお忘れなく
これで、望んだ通りに表示された。
▲ホレ、この通り