vue实现垂直居中

有些时候没有使用form表单，文字和输入框/按钮会出现不对齐的情况，此时需要将文字垂直居中。情况如下：很明显是高了一点的对文字进行垂直居中vertical-align:middle<span style="margin-left: 10px;vertical-align:middle">年度：</span>加了之后的效果如下：该属性的作用是将元素盒子的垂直中点和父盒子的ba

芝士焗红薯

6922人浏览 · 2022-04-21 15:34:10

芝士焗红薯 · 2022-04-21 15:34:10 发布

有些时候没有使用form表单，文字和输入框/按钮会出现不对齐的情况，此时需要将文字垂直居中。

情况如下：

很明显是高了一点的

对文字进行垂直居中vertical-align:middle

<span style="margin-left: 10px;vertical-align:middle">年度：</span>

加了之后的效果如下：

该属性的作用是将元素盒子的垂直中点和父盒子的baseline加上父盒子的x-height的一半对齐。

绕来绕去的我也看不懂，在这里反正这么用就行了，具体的理解可以看别的文章。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^