tableタグを使用した時に複数の改行(br)が入る対処法

カラーミーショップのテンプレートカスタマイズのメモ、続けて投稿になります。

商品ページの投稿箇所2箇所に分割できたのは良いのですが、
現在運用しているページは【自動で改行する】設定です。
この場合、tableタグを挿入すると、上部にぽっかりと空間が広がってました。
ソースをみると、

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table>~~~~~~~~~~

と、挿入した覚えのない改行タグが列挙されていますorz…
この現象は、カラーミーショップの他、たまにWordPressでも出現します。
※WordPressは自分のサイトでは大丈夫そうです✊

今回設定すること

すでに運用し始めているサイトでのあとからの設定追加は結構面倒なことが多いです。
デバッグに時間がかかります。

なので、今回は回避策として【brタグを非表示設定にする】classを追加して、
tableタグごと括ることにしました(最適解かどうかは検証中です)

CSS設定

div.deleteBr br {
    display: none;
}

HTML設定

<div class="deleteBr">
    <table>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
</div>

divタグ内のbrを非表示にするので改行されずに表示されます。
とりあえずこの設定で、カラーミーショップの改修作業を進めたい!と思っています。

Follow me!



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください