媒体查询的换行符？

Question

当屏幕分辨率较小而不是<br>？时,是否有换行解决方案？

因为一直br断线:(

在这里我的代码 <h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>

我认为CSS3可能解决了这个问题

是否有任何解决方案,<br>因为只有移动页面时才需要换行

在此先感谢您的帮助

Answer 1

您可以简单地将一个类添加到BR标记,并将其设置为display:none默认情况下.

然后在您的移动媒体查询中将其设置为"display:static"

我建议使用static而不是block,因为我认为默认情况下BR标签不是显示块,所以最好只使用静态.

`display` 没有名为 `static` 的属性值，所以最好使用 `block`。供参考http://www.w3schools.com/jsref/prop_style_display.asp。但我仍然想知道“<br />”的默认显示属性是什么 (2认同)
有关信息，我最终使用了“显示：未设置” (2认同)

Answer 2

如果使用Bootstrap:

<br class="visible-xs">

Answer 3

您可以只使用浮动，这样您甚至不需要考虑捕捉点需要在哪里。它要么将两者相邻显示，要么在它们不适合时立即捕捉到下一行。

span {
    display: block;
    float: left;
    margin-right: 0.4em;
}