我现在花了相当多的时间在此,但无法找到解决方案.我的问题是我想在文本块的内容之前显示一个glyphicon,并且带有图标的元素应该填满身体所需的所有高度.这适用于IE以外的所有浏览器版本.我在这个
fiddle中把它煮熟了
<div class="block">
<div class="body">BODY</div>
</div>
.body::before {
background: blue;
content: "\e005";
font-family: "Glyphicons Halflings";
display: table-cell;
width:30%;
}
.body {
background-color: green;
display: table;
width: 25%;
}
如果您使用IE11在上面的小提琴上添加/删除display：table-cell,您将看到我的问题所在.有人可以给我一个解决方案,甚至更好地解释发生了什么.
解决方法
Microsoft Connect网站中有关此问题的活动
bug report.在IE上,使用display：table-cell;在伪元素中忽略font-family decleration;属性.
要解决此问题,您需要设置display：inline-block;.
