<br> 标签替代文本行答案

【问题标题】：<br> tag alternative for breaking text line<br> 标签替代文本行
【发布时间】：2013-12-26 16:37:31
【问题描述】：

有没有办法添加一个类似于<br> 标签的标签，它不会立即中断一行文本，但只有在调整浏览器大小并且需要时才中断？因此，要创建一个在将其调整为较小的浏览器窗口时换行的点？

【问题讨论】：

【解决方案1】：

有一种方法可以通过在代码中使用牢不可破的空格（html 代码是 &nbsp;）或使用 css 属性 text-wrap: none; 来判断测试应该在哪里不中断文件的一部分。

通过使用这两种技术中的一种或两种，您可以说明您的文本将在哪里换行（使用 span html 元素作为 css 技术），但它会有点难看，并且在大多数情况下不是很有用除非您有充分的理由这样做，否则我不会推荐它。

【讨论】：

【解决方案2】：

我通常使用调整大小的表格，何时调整页面大小，文本换行通常适用于 html。

【讨论】：

【解决方案3】：

您当然可以使用媒体查询仅在特定屏幕尺寸以下显示换行符：

br.my-class {display: none}

@media (max-width: 800px) {
     br.my-class {display: inline-block;
}

【讨论】：