javascript - 移动 br 元素

Question

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

p 标签中的这个 br 元素就在这里。说 br 元素现在在哪里，当这个站点在桌面上查看时它正在显示。但是当我在平板电脑或手机等较小的设备上查看它时，我想查看位于“break”一词之前的断线(br 元素)。

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

这可能吗？如果是，有没有办法在不实际更改 html 代码的情况下使用 javascript 或 css 来完成它？

Answer 1

你可以这样做。

<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;
  } 
}