如何在未换行的 div 末尾插入换行符?

时间:2021-03-24 04:32:41

标签: html css

我在 xml 中啜饮,该 xml 将文本标记为单词、行和段落,并吐出 html/css。如果屏幕足够宽,我想尊重现有的换行符,但如果不是,我只想让浏览器进行换行。

如果我在每个现有行的末尾插入一个 <br/>,我会得到以下结果:

桌面(看起来不错!):
这是一个相当长的行,它在这里换行
我们继续下一行,也结束了
转到第三行,第三行。

移动设备(我得到的):
这是一条相当长的线路,而且
它包在这里
然后我们继续下一行,
也结束了
移至第三行,
第三行。

移动设备(我想要的):
这是一条相当长的线路,而且
到此结束,我们继续
下一行,也结束
移至第三行,行
第三个。

1 个答案:

答案 0 :(得分:0)

如果您想保留 br 标签,是否可以使用 CSS 在移动设备上隐藏它?我在想这样的事情:

@media only screen and (max-width: 600px) {
   br {
       display: none;
   }
 }

这将使浏览器在达到移动设备大小时控制文本大小调整,而不是手动断行。