el-icon不垂直居中，与文字不对齐的解决策略
我们在使用el-cion的时候，渲染出来之后它是一个i包裹着一个svg的，默认不会垂直居中，就会与文字形成偏移
居中的策略：
1、将外层div设置为display:flex，设置垂直居中
2、将el-icon设置一个size，大概和文字一样大即可
最终实现的效果：成功垂直居中，与文字对齐
本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/85f39045c0.html
相关推荐
-
Mac IDEA解决Maven项目命令行报错：command not found: mvn
1. 使用idea自带的maven命令 open -e ~/.zshrc 2. 在其最下面增加 # maven export MAVEN_HOME=”/Applications/I…
-
安卓进度条：ProgressBar和Seekbar
一、ProgressBar进度条介绍 ProgressBar 是 Android 中的一个进度条控件，用于显示正在进行的任务的进度。它可以以水平或圆形的形式展示进度，并提供了…
-
Android 截图功能实现
Android 截图功能实现 简介 效果图 功能实现 1. 截取当前可见范围屏幕 2. 截取当前可见范围屏幕（不包含状态栏） 3. 截取某个控件 4. 截取ScrollView 5…
-
Android Studio代码无法自动补全
Android Studio代码自动无法补全问题解决 在写layout布局文件时，代码不提示，不自动补全，可以采用如下方法： 点击File—>Project Structur…
-
【微信小程序入门到精通】— 微信小程序实现多页面切换（tabBar）
目录 前言 一、tabBar 介绍 二、实操（创建 tabBar ） 2.1 基本配置 2.2 详细配置 总结 前言 对于目前形式，微信小程序是一个热门，那么我们该如何去学习并且掌…
-
Mac通过brew安装PostgreSQL保姆级实践步骤
PostgreSQL数据库是必须要掌握的数据库之一，如果使用Mac系统的安装postgresql有两种方式，一种是从官网下载图形化dmg安装包，另一种是使用Homebrew管理工具…
-
iOS 17.0 YYText 崩溃处理
YYText，发现在iOS 17上运行会崩溃，触发了系统的断言： UIGraphicsBeginImageContext() failed to allocate CGBitamp…
-
下载安装Android SDK及环境配置（超详细）
自言自语 由于要完成appium测试的作业，appium测试需要安装Node.js、JDK以及这个Android SDK，因此记录一下。 一、下载 在AndroidDevTools…
-
MySQL升级5.7.28到5.7.44以及8.0.22到8.0.35
MYSQL 的升级 MySQL升级5.7.22-5.7.44 属于MySQL的小版本升级 升级前检查 检查mysql的启动方式 ps -ef|grep mysqld 检查MySQL…
-
Mac下载并安装Jmeter测压工具（详细教程）
简介：JMeter是一款用于性能测试的开源工具，它最初由Apache开发，是一个基于Java的压力测试工具，用于对Web应用程序进行性能和负载测试。它最初由Apache开发，是一个…
