在我的网站上,我对某些链接类型使用字体图标。这些图标是通过:before
CSS 语法添加的。
a.some-link:before {
font-family: icons;
display: inline-block;
padding-right: 0.3em;
content: 'x';
}
但是,当此链接位于行首时,它有时会与其图标分开:
我尝试添加white-space: nowrap
到上面的 CSS 规则,但这没有帮助。
如何将图标和文本保持在一起?(CSS 3 没问题)
注意:我不想用white-space: nowrap
.