单行,多行文本垂直居中
今天大年初三在家给自己充电,看到这部分想到了自己平时工作中好像确实有这些问题,还是ui验证时发现的,今天有时间就记录一下吧,免得以后忘记了,嘻嘻
文字垂直居中,一行的还好,用行高line-height和高度height一样就行了,但是多行的用这个就不行了,行高是这么高,会把整个高度撑高变形,很丑,
解决方法也挺简单的:
父元素设置display:table
子元素设置display:table-cell;vertical-align:middle
其实这是模仿了table表格的属性。。