1回答

好帮手慕夭夭

2019-04-11

你好同学 ，这两个属性是不一样的。如下：

1.line-height是设置行高的，也就是文本之间的行间距。例如如下文字，

给它设置间距后，每一行文字之间会有行间距：

当然，如果只有一行文本，设置行高值等于父元素高度值，那么文字会垂直居中：

这可能也是同学和vertical-align混淆的。不过仅限于单行文本，如果多行的话，如下

每一行行间距都是200px,所以它不能实现多行文本居中哦

2.vertical-align 属性设置元素的垂直对齐方式。它一般用于设置文字基线对齐。例如如下

使用img引入图片并使用span设置一些文字，在默认情况下 ，图片和文字是底部对齐的 ，

当给文字设置基线对方方式为居中的时候 ，那么它们的中间会与图片的底部对齐

当然，还有一种应用是在表格中，设置td中的内容相对于td的居中方式，默认的话是居中对齐

可以设置顶部对齐

如上也可以看出来，只要是td里面的内容，就可以整体参照td进行对齐。所以当一个div元素里面有很多内容，就可以通过设置 display: table-cell;让它变成单元格显示，然后通过vertical-align 来实现多行内容垂直居中哦。（不过这个在实际中用到的不多，了解一下即可）

祝学习愉快 ，望采纳。

0