超级简单好用的图标文字居中对齐方法！！！开发中经常会遇到字体图标与文字垂直居中对其的需求，常常使我们感到头疼，无论是设置margin还是padding都不行，上图：现在推荐大家一种超级简单的方法：vertical-align: -1px; :我们将字体图标写进span中<div><span>&#xa2201;</span> 收藏</div...
background-image:url(image/jiao.png);
background-repeat:no-repeat;
background-position:95% 50%;
background-color:#FF0000;
margin-right:10px;
在日常开发中，我们常遇到文字图标一行垂直居中对齐，使我们感到头疼。经过搜罗和实测，常用的方法有如下几种：
vertical-align
先说说vertical-align属性，看看他的定义
定义和用法：vertical-align 属性设置元素的垂直对齐方式
说明：该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
根据以上说明，我们可以得知这个属性的一些关键用法：
该属性的作
一、vertical-align基本：
二、vertical使用环境：
三、vertical-align ，line-height，幽灵空白点 导致神秘高度的问题：
1. 解释莫名高度出现的原因
2、调整div框框比图片 大的问题：
3、内联导致margin-top:-1000px失效的问题
四、vertical-align的线性属性
1、inl...
<template>
<div style="padding: 20px;">
使用 vertical-align 实现文字和图标垂直居中对齐<i class="icon-arrow"></i>
</template>
<style scoped>
.icon-arrow {
vertical-align.
元素vertical-align垂直对齐的位置与前后元素都没有关系元素vertical-align垂直对齐的位置与行高line-height没有关系。vertical-align垂直对齐的位置只与font-size大小有关。
一、vertical-al...
最近在小程序使用 vant-icon 出现了一个很 zz 得问题，这组件居然不能居中，如下图：
这里我写了一个和 vant-icon 同等大小得 view，并让这 view 和 vant-icon 背景显示为红色，很明显就是 vant-icon 不能居中，那用起来就很头疼。
下面是我用的代码：
<view class="date row-center">
<view style="height:36rpx;width:36rpx;background-color:r
.ant-menu,.ant-menu-sub,.ant-menu-inline{
color: white;
background-color: #044d50 !important;
// 设置子菜单展开样式
.ant-menu-submenu > .ant-menu {
background-color: rgb(16, 71, 83) !important;
