怎么设置不管div有多高 文字大小都为div高度的90%且垂直居中

Question

不管div有多高 文字大小都为div高度的90%且垂直居中 这个怎么实现好些？

Answer 1

字体是高度的90% 也就是高度是字体的110%
html

<div class="test">
        <p>aaaaaaaaa</p>
    </div>

css

body {
    font-size: 15px;
}

.test p {
    height: 1.1em;
    background: blue;
    line-height: 1.1;
}

.test p:after {
    content: '';
    display: inline-block;
    height: 1.1em;
    vertical-align: middle;
}

Answer 2

用rem来设置div的高度，或者用js 获取div的高度，在赋值给行内元素

Answer 3

用svg text