Question

我正在尝试在Twitter Bootstrap Media Object中使用Font Awesome图标（已应用text-size: 180px;）。具体来说，我正在尝试使用Font Awesome图标替换Media Object中的图像。

但是，当我打开页面时，图标会向上移动并在媒体对象的顶部切断。

我尝试在Stack Overflow上搜索[font-awesome] [twitter-bootstrap] cut off，它返回了2个结果，但都没有帮助。我也尝试为<i>代码本身和父代<div>设置负余量，两者都没有运气。

另外，我尝试制作一个JSFiddle，但无法使其工作，因此我的网站在http://strugee.github.com/textingwhiledriving/spreadtheword.html上线。

Answer 1

您有line-height: 20px;样式与<body>相关联（继承自bootstrap.min.css）

如果您将.socialicon更改为

.socialicon {
  font-size: 180px;
  margin-bottom: 100px;
  line-height: 180px; /* or whatever height you desire */
}

图标未被剪裁