CSS 文本总是跨同一行

Question

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

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

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

谢谢

Answer 1

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

a {
 display: inline-block;
}