html - 文本右侧图标的 css,在溢出时具有正确的回退

标签 html css

请看这个例子http://jsfiddle.net/7trcV/ 我想要实现的是能够以文本宽度受限的方式将任意图标放在文本的右侧。在我发布的示例中,第二个(短文本)的问题是 - 显示的图标与文本分离。

感谢任何帮助!

最佳答案

这个怎么样? http://jsfiddle.net/7trcV/5/

我给 .content 一个正确的填充并将图标设置为背景。


好的,试试这个 http://jsfiddle.net/7trcV/6/它应该已经解决了您的下划线问题。我没有解决可点击图标的问题,因为这与您最初的问题完全不同。

关于html - 文本右侧图标的 css,在溢出时具有正确的回退,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8256277/

相关文章:

javascript - 如何在 Bootstrap 4 中切换折叠图标的动画?

css - 为什么 div 背景不包含内部元素除非 float ?

javascript - 如何模糊滚动上的图像?

宽度为 100% 的 CSS/div 太高了几个像素/为什么?

css定位基线

javascript - 左键点击激活oncl​​ick 右击激活href

javascript - 当我刷新单页网站时,它没有首先显示标题

javascript - 按键时的幻灯片无法正常工作

javascript - 单击时复选标记无响应

javascript - 不使用 CSS 设置轴的样式