问题来源：最近做项目，要实现图片中圆圈内的数字垂直居中的效果。解决方法：解决方法一：line-height（在addroid下会出问题）通过设置line-height的高度等于父元素的高度，一般会达到垂直居中的效果，但是在android方案二：vertical-align（addroid下会出问题）一般通过设置父元素显示：table;要显示的子元素：table-cell；垂直对齐：居中；也会达到居中的效果；但是久经考验的vertical-align在android下是行不通的。方案三：transform（个人测试可用）定位父元素：relative；或位置：绝对；将子元素定位为居中:absolute;然后设置子元素的top:50%；这样子元素就会距离top元素为父元素高度的一半，然后将子元素向上移动到自身高度的一半，就会达到垂直居中的效果，子元素可以使用transform向上移动：translate(-50%,-50%)**代码示例：**.circlewidth1.6remheight1.6remborder-radius50%box-sizingborder-boxbackground#7fb8dfcolor#ffffffpositionabsoluteline-height1top0left-0.8remz-index1spanfont-size1.2remdisplayinline-blockpositionabsolutetop50%left50%text-aligncentertransform(-50%,-50%)line-height1
