[英]How to wrap Font-Awesome with CSS?
我正在使用bootstrap和字体真棒,我希望做这样的事情:
我有这个:
我想要这样的东西:
标记:
<div class="alert alert-success"><i class="fa fa-paperclip icon-alert"></i> Everything was edited!</div>
CSS:
.icon-alert {
font-size: 30px;
float: left;
margin-right: 10px;
opacity: 0.7;
}
你需要为容器设置一个高度,然后你可以使用overflow:hidden
嵌套字体 - awesome图标的overflow:hidden
。
CSS :
.clipped-alert{
overflow:hidden;
height:55px;
}
HTML :
<div class="clipped-alert alert alert-success">
<i class="fa fa-paperclip fa-5x icon-alert pull-right text-success"></i>
Everything was edited!
</div>
您将在图标周围创建一个具有over-flow: hidden;
属性的容器over-flow: hidden;
然后,您可以根据需要将元素放置在内部。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.