目测 文本高于行框，所以 垂直居中属性失效

泻药。首先为何table布局会被淘汰，是因为DOM结构嵌套太深，外加无法处理一些特殊样式，或是说在高度和宽度上面虽然实现了自适应垂直和等比缩放等效果，但是有些特性在大规模实践中不怎么容易控制。

来看大神张鑫旭的文章：大小不固定的图片、多行文字的水平垂直居中css行高line-height的一些深入理解及应用

Button的文本 本来就是垂直居中的... text 你看 本身就是 在底部的 如果你非要居中······用这个这个是 option + shift + 9 就可以了~

从 headline ‘ 样式中删除 height , justifyContent 和 alignItems 。它将垂直居中文本。添加 textAlign: 'center' 它将使文本水平居中。

这种东西，网上一查一堆。我觉得等，还不如自己搜索。毕竟是常用的。 张鑫旭-多行文字的水平垂直居中-传送门

<p class="codepen" data-height="300" data-theme-id="0" data-default-tab="result" data-user="whjin" data-slug-hash="EMdevR" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;...

当被设置元素为块状元素时用text-align：center就不起作用了，这时也分两种情况： 定宽块状元素 和 不定宽块状元素 。我们先来讲一讲定宽块状元素。 满足 定宽和块状 两个条件的元素是可以通过设置左右margin值为auto来实现居中的。

就比如说是 一个div里面的的文字怎样 改变它的垂直位置啊 好像设置了 line-height 这个文本垂直就自动居中了啊 怎样把它放在下面啊

文本组件多行显示有问题。已经设置了居中，但还是没有居中。代码如下： {代码...}

这样一来，我们就可以把这格html结构看成表格和表格中的一个小格。由于表格中只有一个ceil，所以它会自动撑开整个表格，给它设置宽高是无效的，它的宽高是wrapper的宽高。ceil中的内容content就可以自动垂直居中了。

style="text-align:center；line-height:18px;"水平居中text-align:center；设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。

说明一下，上一个答主回答的“text-align: center”是文本水平居中！不是垂直居中！！！你可以设置：“height 和 line-height”(两个值一样)；还有一种方法：

这是使内部div居中的同时，外部div也相对于页面居中。外部div设置居中时top和left都移动了50%，所以为了让其居中，margin-top和margin-left我本来都设置为-25%。margin-left：-25%;确实让水平居中了，但垂直的话只有让margin-top的值为-12.5%，这是为什么。求告知。

手机端三个块的高度一样，并且文本垂直居中 我试过用line-height、position都不行 尽量用css，兼容ie8、9

我想调整 Text 组件多行文本之间的垂直间距，也就是行高，应该用哪个属性？

题主目前在工作中经常遇到这种问题。例如：在高度固定的时候如果文本是一行的话，垂直居中，如果两行的话也是垂直居中，当第三行的时候就隐藏（如果有‘...’的话当然最好）。有没有简单而有效的方法？谢谢，么么哒。