有过移动端开发经验的人,想必都对文字垂直居中头痛不已,因为使用常规手段实现文字垂直居中在部分 Android 手机上会出现文字偏上的情况,往往需要各种手段进行微调,苦不堪言。下面是我尝试的几种文字垂直居中方案:
line-height
实现垂直居中:
- HTML
- CSS
<div id="line-height">查看更多</div>
#line-height {
width: 200px;
text-align: center;
height: 56px;
line-height: 56px;
font-size: 26px;
color: black;
border: 1px solid;
border-radius: 28px;
}