如何使 div 与 glyphicon 内容高度相同？答案

【问题标题】：How to make a div same height as glyphicon contents?如何使 div 与 glyphicon 内容高度相同？
【发布时间】：2016-09-26 01:58:02
【问题描述】：

在这个简单的例子中，内标签的高度为 14 像素，而外标签的高度为 20 像素。如何使容器标签与其子标签具有相同的高度？我尝试将 div 设置为 inline-block，但这并没有做任何事情。

<div>
    <i class="glyphicon glyphicon-folder-close"></i>
</div>

【问题讨论】：

【解决方案1】：

这应该可以解决问题

div > .glyphicon {
  display: block;
}

【讨论】：

【解决方案2】：

div i:before {font-size:14px;}

【讨论】：