fc2blog記事内にtableを入れると勝手に複数改行される場合の対処方法

記事内にtableを使うと、勝手に改行される場合の対処方法です。2種類あります。

概要

  1. 記事投稿時の設定を見直すと勝手に改行されなくなります。

  2. また、投稿時のHTMLを編集し、<table>から</table>までの改行を取り除くとブログ記事内でも勝手に改行されません。

記事投稿時の設定を見直す場合

  1. 「記事の編集」画面の下の方にある「記事の設定」内の「改行の扱い」で「HTMLタグのみ」の方を選択します。

  2. 上記設定にすると、記事作成時の改行では、ブログを公開した際には自動で改行されていません。brタグ(初心者用)、pタグ(脱初心者に推奨)で改行を指定する必要があります。

投稿時のHTMLを編集する場合

  1. table内での改行を取り除けば、「改行の扱い」が「自動改行」でも余計な改行が入りません。

  2. たとえば、次のtableで例示します。

    正義の味方と悪の組織の違い
    正義の味方 悪の組織
    自分自身の具体的な目標がない 大きな夢、野望を抱いている
    相手の夢を阻止するのが生き甲斐 目標達成のために研究開発を怠らない
    常に何かが起こってから行動する 日々努力を重ね、夢に向かって手を尽くしている
    受身の姿勢 失敗してもへこたれない
    単独~少人数で行動 組織で行動
    いつも怒っている よく笑う
  3. 上記tableのソースコードは次のとおりです。分かりやすいように、あえて改行を多めにしています。

    
    <table summary="正義の味方と悪の組織の違い" class="odd">
    <caption>正義の味方と悪の組織の違い</caption>
    <tr>
    <th abbr="正義"><a href="http://unmei.in/seigino" target="_blank">正義の味方</a></th>
    <th abbr="悪"><a href="http://unmei.in/akuno" target="_blank">悪の組織</a></th>
    </tr>
    <tr>
    <td>自分自身の具体的な目標がない</td>
    <td>大きな夢、野望を抱いている</td>
    </tr>
    <tr>
    <td>相手の夢を阻止するのが生き甲斐</td>
    <td>目標達成のために研究開発を怠らない</td>
    </tr>
    <tr>
    <td>常に何かが起こってから行動する</td>
    <td>日々努力を重ね、夢に向かって手を尽くしている</td>
    </tr>
    <tr>
    <td>受身の姿勢</td>
    <td>失敗してもへこたれない</td>
    </tr>
    <tr>
    <td>単独~少人数で行動</td>
    <td>組織で行動</td>
    </tr>
    <tr>
    <td>いつも怒っている</td>
    <td>よく笑う</td>
    </tr>
    </table>
    
  4. 上記コードの改行を取り除くと次のとおりです。

    
    <table summary="正義の味方と悪の組織の違い" class="odd"><caption>正義の味方と悪の組織の違い</caption><tr><th abbr="正義"><a href="http://unmei.in/seigino" target="_blank">正義の味方</a></th><th abbr="悪"><a href="http://unmei.in/akuno" target="_blank">悪の組織</a></th></tr><tr><td>自分自身の具体的な目標がない</td><td>大きな夢、野望を抱いている</td></tr><tr><td>相手の夢を阻止するのが生き甲斐</td><td>目標達成のために研究開発を怠らない</td></tr><tr><td>常に何かが起こってから行動する</td><td>日々努力を重ね、夢に向かって手を尽くしている</td></tr><tr><td>受身の姿勢</td><td>失敗してもへこたれない</td></tr><tr><td>単独~少人数で行動</td><td>組織で行動</td></tr><tr><td>いつも怒っている</td><td>よく笑う</td></tr></table>
    

CSSの編集は無し

  1. 特にありません。

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)