html - 如何调整 Font Awesome 图标的垂直位置?

标签 html css

我有这样的 Font Awesome 图标:

<div>
    <span >Total</span>
    <i class="cat-color fa fa-circle" style="color: darkorange" aria-hidden="true"></i>
    <span>11</span>
</div>

这是一个 jsfiddle http://jsfiddle.net/JfGVE/1519/ 基本上我希望可以选择向上或向下移动图标。我试过添加填充和边距,但什么也没有。

如何改变图标的​​垂直位置?

最佳答案

你也可以像这样只使用 line-height 和 vertical-align:

.cat-color {
  line-height: 9px;
  vertical-align: top;
}

并将行高更改为更高或更低的值,以向上或向下移动图标。

我已经让它向上移动了。

http://jsfiddle.net/JfGVE/1520/

关于html - 如何调整 Font Awesome 图标的垂直位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38977733/

相关文章:

javascript - lightSlider - 在轮播中间设置事件元素

html - DIV内容不溢出

css - 图片宽度 : auto in block with position: absolute

javascript - 使用 onMouseover 更改 <div> 的颜色

html - IE li 悬停未检测到 li 元素上有边距

javascript - 如何使用jquery获取div值?

javascript - 为什么 image.src == "file.png"对于本地文件不返回 true?

php - 使用 php 隐藏一个 Div

css - 是否有 css 淡化 div 的边缘?

javascript - 间距 HTML 表单