div加上vertical-align:center为什么不起作用？

Question

Answer 1

Hi, 兄弟, 写 CSS 这种东西时希望使用一个好一点的Editor/IDE.

Answer 2

vertical-align: middle; 没有·center·属性

Answer 3

vertical-align 的属性：

length 通过距离升高（正值）或降低（负值）元素。'0cm'等同于'baseline'
% 通过距离（相对于1line-height1值的百分大小）升高（正值）或降低（负值）元素。'0%'等同于'baseline'
baseline 默认。元素的基线与父元素的基线对齐。
sub 降低元素的基线到父元素合适的下标位置。
super 升高元素的基线到父元素合适的上标位置。
top 把对齐的子元素的顶端与line box顶端对齐。
text-top 把元素的顶端与父元素内容区域的顶端对齐。
middle 元素的中垂点与 父元素的基线加1/2父元素中字母x的高度 对齐。
bottom 把对齐的子元素的底端与line box底端对齐。
text-bottom 把元素的底端与父元素内容区域的底端对齐。
inherit 采用父元素相关属性的相同的指定值。

一般用到vertical-align: middle;用来居中对齐

Answer 4

应该是middle吧 text-align是center；

Answer 5

设置高度，line-height居中，或者padding撑吧

Answer 6

vertical-align的取值没有center

Answer 7

text-align:center;
vertical-align:middle;

vertical-align并没有“center”