一般来讲文字居中很多人选择的都是类似于这种的
height:50px;
line-height:50px;
导致的问题就是如果有不定多行的文字,可能就会出现样式错误,不好调节。
不定多行实例如图:
第一行字体有两行,第一行只有一行,所以如果你简单的设置了 line-height:50px 是不行的
我个人用的是下面这种
display: flex;
align-items: center;
justify-content: center;
一般来讲文字居中很多人选择的都是类似于这种的
height:50px;
line-height:50px;
导致的问题就是如果有不定多行的文字,可能就会出现样式错误,不好调节。
不定多行实例如图:
第一行字体有两行,第一行只有一行,所以如果你简单的设置了 line-height:50px 是不行的
我个人用的是下面这种
display: flex;
align-items: center;
justify-content: center;