css span显示两行文字

在 CSS 中，span 元素通常用于指定文本中的一小段内容的样式。

然而有时候我们需要使用 span 显示两行文字。这种情况下，我们可以使用以下代码：

  <p>这是一行<br>包含两行文字的段落。<span>这是第一行文字。<br>这是第二行文字。</span></p>

  // CSS 样式
  p span {
    display: block;
    line-height: 1.5;
  }

以上代码中，我们在 span 元素中使用了 <br> 标签，用于将内容分成两行。同时，我们在 CSS 样式中将 display 属性设置为 block，以使该元素占据一整行。我们还设置了 line-height 属性，以增加两行文字之间的间距并使其更易读。

使用此方法可以轻松实现 span 显示两行文字的效果。当然，你也可以使用其他方法，例如将 span 元素的高度设置为固定值等。根据实际需求选择最适合的方法即可。