Html 在小屏幕上断线

我试图在某一部分上断线，结果却显示在手机屏幕上

我所完成的：要么我得到了一个相反的效果，在大屏幕上断线，而不是在小屏幕上断线，无论我使用

minwidth

还是

max width

都无关紧要，要么它什么都不起作用

以下是我要编辑的代码：

HTML:

甚至可以在特定的宽度/设备上“控制”这样的断线吗？先谢谢你

链接：

---

您需要使用

最小宽度

，因此在大屏幕（宽度>=768px）上，

标记将被删除（-调整右下面板的大小）：

---

顺便说一句-不需要

！重要信息

您需要使用

最小宽度

，因此在大屏幕（宽度>=768px）上，

标记将被删除（-调整右下面板的大小）：

---

顺便说一句-不需要

！重要信息

它完全可以在小提琴上和离线状态下工作！然而，我将给定的代码添加到我的wordpress站点，在我到达br类的给定px之前，一切看起来都很好。当我这样做的时候，所有的css样式都被删除了…这是什么？谢谢你这么快的回复。问题显然出在wordpress网站的css上。链接是什么？我在h3“Allt-I-ett”下的段落行中添加了br类。你忘了关闭媒体查询：

@media-only屏幕和（最小宽度：768px）{.brnodisplay{display:none；}

-再添加一个

}

我真不敢相信我错过了那个哈哈，真是瞎了眼。非常感谢你！非常感谢。它完全可以在小提琴和线下使用！然而，我将给定的代码添加到我的wordpress站点，在我到达br类的给定px之前，一切看起来都很好。当我这样做的时候，所有的css样式都被删除了…这是什么？谢谢你这么快的回复。问题显然出在wordpress网站的css上。链接是什么？我在h3“Allt-I-ett”下的段落行中添加了br类。你忘了关闭媒体查询：

@media-only屏幕和（最小宽度：768px）{.brnodisplay{display:none；}

-再添加一个

}

我真不敢相信我错过了那个哈哈，真是瞎了眼。非常感谢你！非常感谢。

<p class="text">In this line I would like<br class="brnodisplay"> a break on small screen<span>More info</span></p>

.text {
    transition: all 1s ease;
    text-align: left;
    padding-left: 10%;
}

.text:hover {
    color: #fff;
    background: black;
}

.text span {
    display: block;
    float: right;
    clear: both;
    text-align: right;
    padding-right: 10%;
}

@media only screen and (min-width: 768px) { 
.brnodisplay {
    display: none;
}