html - 仅用于媒体查询的换行符？

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。

然后在您的移动媒体查询中将其设置为“显示：静态”

我建议使用静态而不是阻塞，因为我不认为 BR 标签默认是显示块，所以最好简单地使用静态。

Answer 2

如果使用引导程序：

<br class="visible-xs">

Answer 3

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

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

jsFiddle：http: //jsfiddle.net/e4mWK/

Answer 4

首先移动，隐藏br，然后在大屏幕上将显示设置回initial：

<br class="hide desktop-show">

的CSS：

.hide {
    display: none;
}

@media (min-width: 64em) {
    .desktop-show {
        display: initial;
    }
}