1

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

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

我试过[font-awesome] [twitter-bootstrap] cut off在 Stack Overflow 上搜索，它返回了 2 个结果，但都没有帮助。我还尝试为<i>标签本身和 parent设置负边距，但<div>都没有运气。

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

4

1 回答 1

2

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

如果你改变你.socialicon的

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

图标没有被剪裁

于 2012-11-18T14:19:49.053 回答