如果div设置的高度为百分比，那么用js如何设置lineHeight让div的文字垂直居中？

Question

就是不知道怎样用js，需不需要转换单位之类的，最好可以给出js怎么实现，谢谢。

Answer 1

如果是单行文字，通过 lineHeight=height 就可以实现

let div=document.getElementById('idName');

div.style.lineHeight=div.offsetHeight+'px';

多行看这里：

Answer 2

div设置高度为百分比，这个百分比是已父级元素为标准的。

line-height只能让一行文字剧中，因为顾名思义，这个属性是一行文字的高度。

如果要多行居中， 可以看看这个：小tip: margin:auto实现绝对定位元素的水平垂直居中