首页 > 其他 > 详细

图标文字水平对齐方法总结

时间：2017-10-22 19:33:05      阅读：271      评论：0      收藏：0      [点我收藏+]
1.伪元素写图标

<span class="text"></span>

.text:before{
　　content:url(icon);
}

将图标放在伪元素里面，与文字对齐

2.flex

元素不能是inline，都是inline-block或block

3.模拟table

父元素display:table，子元素display:table-cell

图标文字水平对齐方法总结

原文：http://www.cnblogs.com/mengff/p/7710435.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！