如何在HTML Marquee中设置多行文本？

当然可行，以下是几种直接有效的实现思路：

• 使用<br>标签强制换行
  这是最直接的方式，在需要换行的位置插入<br>标签就能让文本分成多行，还可以通过<br><br>来增加行间距，解决你说的文本紧挨的问题。示例代码：

  <marquee direction="up" scrollamount="2">
    第一行滚动文本<br>
    第二行滚动文本<br><br>
    第三行带间距的文本
  </marquee>
  

• 用块级元素包裹每行内容
  把每行文本放在<div>或<p>这类块级元素里，默认情况下块级元素会独占一行，还能通过CSS给这些元素设置margin或padding来调整行间距。示例：

  <marquee direction="left" style="width: 300px;">
    <div style="margin: 5px 0;">第一行独立块文本</div>
    <div style="margin: 5px 0;">第二行独立块文本</div>
  </marquee>
  

• 注意：HTML中多个连续空格会被合并为单个空格，所以用空格换行是无效的，必须用换行标签或块级元素来实现多行效果。

另外补充一点：<marquee>标签在HTML5标准中已被标记为废弃，虽然主流浏览器仍支持，但如果追求长期兼容性，建议用CSS @keyframes动画结合overflow: hidden来实现类似滚动效果，不过这属于替代方案，如果你只是需要基于<marquee>的实现，上面两种方法足够解决问题。

内容的提问来源于stack exchange，提问作者Andy