html の <br> タグに隙間

Question

レスポンシブサイトで文章の改行を制御するために対象の <br> タグにクラスを設定して、ブレークポイントで非表示にしています。
適用したところは改行されませんが半角スペースのような空きが出てしまいます。
<br>はインライン要素だからなのかどうか理由が定かではありませんが、よく言われる下記のような方法では解決できません。

例）
ほげほげ<br>
ほげほげ<br>

ではなく

<br>ほげほげ
<br>ほげほげ

にしたり

ほげほげ<br>ほげほげ<br>ほげほげ

例）
対象の <br> の letter-spacing を -設定する。＊ -.33em など

例）
対象の <br> を font-size: 0;にする。

何か良いお知恵をお持ちの方。

ご教示いただけますと幸いです。

Comments

[mather]

「<br> タグにクラスを設定して、ブレークポイントで非表示にしています。」とありますがサンプルにはクラス指定が書かれていないので、具体的な実装を書くべきです。なお、こういうときはスクリーンショットを撮影して貼りましょう。

[kszk311]

問題の起きているソースコードを記載してもらえますか。具体的な回答を得られるかもしれません。

Answer 1

たんに改行文字のカラミではないのでしょうか？
きになるなら以下で処理するか、改行をしなければよいかと

ほげほげ<br><!--
-->ほげほげ<br><!--
-->