跳到主要内容

1 篇博文 含有标签「SVG」

查看所有标签

· 阅读需 14 分钟
熊滔

有过移动端开发经验的人,想必都对文字垂直居中头痛不已,因为使用常规手段实现文字垂直居中在部分 Android 手机上会出现文字偏上的情况,往往需要各种手段进行微调,苦不堪言。下面是我尝试的几种文字垂直居中方案:

line-height 实现垂直居中:

#line-height {
width: 200px;
text-align: center;

height: 56px;
line-height: 56px;

font-size: 26px;
color: black;

border: 1px solid;
border-radius: 28px;
}