CSS 文本总是在同一行

Question

我有一个类似于 BB 代码的系统，其中两个标签中的文本被转换为一个链接，当鼠标悬停在上面时会产生一个线条图像。

问题在于，有时如果短语很长，文本会换行到下一行。发生这种情况时，图像显示在前一行的文本上方并且看起来不正确。因此，我想确保如果文本要换行，它会换行。

我对任何纯 CSS3 的解决方案都很满意。

谢谢

Answer 1

给你的a css display: inline-block。内联块不允许在块内中断，因此移动到下一行。

a {
 display: inline-block;
}