只需让元素的行高的值设置成和高度的值一样即可。如
height: 30px;
line-height: 30px;
父元素加
display: flex;
align-items: center;
然后就搞定了,很简单吧。
父元素加
display: table; /*让元素以表格形式渲染*/
height: 200px; /* 需要定宽,定高 */
width: 100px;
子元素加
display: table-cell;/*让元素以表格的单元素格形式渲染*/
vertical-align: middle;
父元素使用定位
position: relative; // absolute,fixed 也可以。只要不是 static。
子元素
position: absolute;
top: 50%;
transform: translateY(-50%);