div 中多行文本的边框 (html/css)

Question

我想在多行文本周围有一个边框，我有：

Morbi hendrerit pretium nibh quis <span style='border: 1px solid black;'>
mattis. Blah blah blah</span> blah blah...

现在，当跨度跨越多行时，会在每行文本周围创建边框，我不想发生这种情况 - 我的目标是在整个块周围设置边框，文本是内联的（显示：块/inline-block 不能正确完成工作）。

有没有办法在不玩javascript的情况下实现这一目标？

Answer 1

将整个字符串包裹在 div 中并将其设置为 display: inline-block。

<div style="border: 1px solid black; display: inline-block">
  Morbi hendrerit pretium nibh quis<br>
  mattis. Blah blah blah blah blah...
</div>

Answer 2

使用<div>代替<span>.它可能会解决问题。