Javascript 移动br元素

嘿，我想知道的是，当段落中的br元素位于不同的屏幕大小时，如何移动它。我知道这听起来像一个令人困惑/棘手的问题，但让我解释一下：

这个br元素就在这里的p标记中。如果说br元素现在在哪里，那么当这个站点在桌面上被查看时，它就被忽略了。但是，当我在平板电脑、手机等较小的设备上查看时，我想查看放在单词“break”前面的break行（br元素）

<p>I am a <br/> Paragraph with a break line in it.</p>

我是一段中间有一条虚线的段落

---

可能吗？如果是的话，有没有一种方法可以在不改变html代码的情况下使用javascript或css实现呢

标记强制HTML换行，而不管您的浏览器或设备如何。这里

不是正确的方法。如果你真的想根据你的设备（屏幕大小）在不同的地方换行，你可以使用CSS@media规则，比如

@media screen and (max-width: 480px) { /* your css code */ }

因此，上述css规则仅适用于宽度小于480px的屏幕

---

另一方面，有一些非常流行的库/框架可供您为桌面和/或移动设备设计web，例如Bootstrap。

您可以这样做

<p>I am a <br class="sm-hide lg-show"/> Paragraph with a <br class="sm-show lg-hide"/>break line in it.</p>

.sm-hide {
  display: none;
}

.sm-show {
  display: block;
}

@media screen and (min-width: 961px) {
  .lg-hide {
    display: none;
  }

   .lg-show {
    display: block;
  } 
}

我是一个
段落，其中有一个
换行符

.山猫皮{
显示：无；
}
.sm秀{
显示：块；
}
@媒体屏幕和屏幕（最小宽度：961px）{
.lg皮{
显示：无；
}
.lg展会{
显示：块；
} 
}

“当我在较小的设备（如平板电脑、手机或其他设备）上查看时”-正确的方法是不要放置

元素。它根据设备的宽度设置段落的

width

属性，例如使用

%

宽度，因此该行将自行中断。