css 文本垂直居中

给父元素添加:vertical-align: middle;搭配display: table-cell;使用,然后相关子元素就垂直居中了:
css 文本垂直居中_第1张图片css 文本垂直居中_第2张图片

效果:

css 文本垂直居中_第3张图片


或者:
给需要垂直居中元素的父元素加:

    display: flex;
    align-items: center;

css 文本垂直居中_第4张图片

你可能感兴趣的:(前端原生技术:css)