icon图标和文字对不齐（已解决）

在用LayUI模板写项目，btn中的icon和文字总是对不齐

百度了一下找到了一个好用的办法，给icon加上属性：
vertical-align: -10%;

 <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">
<i class="fa fa-plus" style="vertical-align: -10%;"></i>
添加
</button>

这样就可以啦（该死的强迫症）

icon图标和文字对不齐（已解决）相关推荐

VUE中icon图标与文字不齐
VUE中icon图标与文字不齐最近在使用vant组件引用了某个icon之后发现与文字对不齐,找到了一个最简便的办法就是直接给icon加上属性vertical-align: -10% <van- ...
element-UI 使用icon图标或者avatar 头像不显示问题解决
问题昨天在写项目的时候,想用avatar 显示头像但是一直不能显示,但是能显示出地标的icon,当我用一模一样的代码使用user的icon的时候,发现又没有显示跟官网对比了半天的代码发现并没有什么 ...
semantic中icon图标无效，只显示方块的解决方法
不要把semantic.css或者semantic.min.css文件单独拎出来放在static目录下!!! 不要把semantic.css或者semantic.min.css文件单独拎出来放在sta ...
android e图标一会有一会没有反应,android解决菜单Menu添加Icon无效问题，让菜单同时显示图标和文字...
今天主要解决在Android 4.0 以上的系统中,在java代码中给菜单Menu动态添加Icon无效问题.本人通过尝试网上给出的涉及到菜单的源码类 MenuBuilder通过反射更改mOptiona ...
span标签内使用icon图标，icon和文字位置水平对齐
使用背景: span标签里面嵌套icon图标,图标位置和文字位置水平无法对齐解决方法: <span>转移方式<y-tooltip class="item" ef ...
icon设计探讨：图标，文字，还是图标加文字？
图标是界面的基本组成部分之一,然而在很多时候,图标本身也在破坏着界面的清晰性. 象形图出现在人类早期,我们可以将其视为最初的文字形式.如今,在某些文明群体中,象形图依然是人们进行沟通的主要媒介. 在很 ...
vue项目中配置标题栏title的图标和文字
一.普通 HTML 页面,配置图标和文字 <head><title>标题栏文字</title><link rel="icon" href= ...
WORD中插入的公式与文字对不齐——公式比文字高——文字比公式低
WORD中插入的公式与文字对不齐--公式比文字高--文字比公式低 2013年3月13日18:59:52 2012年11月10日23:46:06 如题,方法有两种,推荐使用方法2. 1.相关软件介绍: ...
vue 下配置标题栏 title 图标及文字的具体步骤
1 . 将图片.ico 文件放在项目根目录下这里写图片描述 2 . 在 index.html 页面上配置图标及文字在项目的index.html 中: <head> <titl ...

icon图标和文字对不齐（已解决）

icon图标和文字对不齐（已解决）相关推荐

最新文章

热门文章