Q&A
pタグに記述したテキストがIEで改行されません。
スマホ表示の場合はbrで改行し、pc表示の場合はbrにdisplay noneをかけ、
word-wrap: break-wordで改行を試みているのですがIEのだと一行で表示されてしまします。
（Chrome、Safariは正常に改行されます）
下記のコードに問題点ございましたらどなたかご教示いただけますでしょうか。。
よろしくお願いいたします。
html
1<div class="contentBox"> 2 <h3>見出し</h3> 3 <p> 4 テキストテキストテキスト<br> 5 テキストテキストテキスト<br> 6 テキストテキストテキスト<br> 7 テキストテキストテキスト 8 </p> 9</div>
css
1@media (min-width: 600px){ 2 .contentBox > p { 3 font-size: 12px; 4 margin: 0 25px 20px; 5 line-height: 27px; 6 text-align: center; 7 word-wrap: break-word; 8 } 9 .contentBox > p br { 10 display: none; 11 } 12}
回答1件
0
ベストアンサー
記載されたコードだけ見ると contentBox に横幅を指定していないので、600px 以上で表示したときに <br> が機能しないので、どのブラウザでも 1 行で表示されると思います。
（ブラウザの横幅よりもテキストの方が長ければ、テキストの途中で折り返されて複数行になります。）
600px 以下ならどのブラウザでも <br> の箇所で改行されると思うのですが、IE の場合、どの幅で表示したときにどこが改行されないのでしょうか？
あと、IE というのは IE11 の最新版という認識でよろしいでしょうか。
投稿2019/09/12 21:51
編集2019/09/12 21:55
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/13 02:45