我有一个类似于 BB 代码的系统,其中两个标签内的文本被转换为一个链接,当悬停在该链接上时会产生一个线条图像。
问题是有时如果短语很长,文本会换行到下一行。发生这种情况时,图像显示在前一行的文本上方,看起来不正确。因此,我想确保如果文本要换行,它会换行。
我对任何仅 CSS3 的解决方案都很满意。
谢谢
最佳答案
给你的 a
css display: inline-block
。内联 block 不允许在 block 内中断,因此移动到下一行。
a {
display: inline-block;
}
关于CSS 文本总是跨同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6788932/