html - 使用 :before in CSS-formatted links 时避免换行

Question

我在 CSS 中使用 :before 将图像添加到我网站上的某些链接

a.ext:before {
    content:            url(./_img/ext.png);
}

不幸的是，如果空间不大，图像和文本会分开。

对比

如果图像绑定(bind)到链接中的第一个单词(在 HTML 中，我会为此使用  )，那就太好了。 CSS 中是否有类似的东西？

编辑:

Answer 1

如果我理解您的问题，您是在尝试在元素宽度不足以容纳图像时不让图像环绕在文本下方。

overflow 和 white-space:nowrap 的组合可能会得到您正在寻找的结果。