html:
<div>
<i class="om-iconfont om-icon-131"></i>
<span class="om-end-font">没有查找到数据！</span>
</div>
css：
i{
display: inline-block;
vertical-align: middle;
margin-top: -2px;(这个看效果添加)
}
.om-end-font{
display: inline-block;
vertical-align: middle;
}
<div>
<i class="om-iconfont om-icon-131"></i>
<span class="om-end-font">没有查找到数据！</span>
</div>
i{
display: inline-block;
vertical-align: middle;
margin-top: -2px;(这个看效果添加)
}
.om-end-font{
display: inline-block;
vertical-align: middle;
}
html: 没有查找到数据！ css： i{ display:inline-block; vertical-...
css 使用字体图标不对齐的时候 使用vertical-align: middle; 将字体图标和文字都设置ve...
IconFont 阿里图标库 使用图标可以可以为页面增色，用字体图标替代图形图标可以简化开发，避免图片与文字的对齐...
这里主要是布局以及字体图标与文字的对齐，字体图标大颜色，以及秒杀栏的结构等 可以看出业务逻辑是，一旦请求到数据，就...
字体改变字号改变字体加粗字体倾斜字体更改行距font shorthand改变文字颜色 对齐方式文字居中文本垂直对齐...
1、图标与文字垂直居中对齐 1、图标与文字垂直居中对齐 参考 http://jsfiddle.net/Lv8px7...
最近在用原生的select时，需要文字右对齐还要有图标PC上效果图如下 注意到select无边框，文字右对齐，图标...
文字的排版：字体 行距 对齐 1.字体——替换方法： （1）全部替换：...
在网页编辑中，经常遇到图标与文字在同一行的情况，这种情况下遇到最多的问题是图标与文字不对齐的现象。纠结了一段时间之...
什么是iconFont iconFont顾名思义是字体图标，图标就藏在字体文件里面，看着是个图标，其实却是个文字，...
本文标题：字体图标跟文字上下对齐
本文链接：https://www.haomeiwen.com/subject/xwmqtqtx.html
网友评论