设置一个元素在容器中垂直居中
2020-08-04 17:52
232 查看
1、如果只有一行元素，设置text-align:center;line-height=容器高度；
2、如果有多行元素
步骤一：给容器加上text-align:center;
步骤二：给当前元素转成行内块元素（display:inline-block;）再给当前元素加上vertical-align:middle;
步骤三：在当前元素的后面（没有回车）加上同级元素span;并对span进行vertical-align:middle;width:0;height:100%;display:inline-block 。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 设置一个元素在一个容器中水平垂直居中
- 设置子元素在一个不清楚宽高的父元素中垂直居中
- 如何实现一个img元素在指定容器中水平，垂直居中
- 垂直居中一个元素
- 不知道自己高度和父容器高度的情况下，用 CSS 实现元素垂直居中
- 公司的一个面试题：如何用css让一个容器水平垂直居中？
- 通过设置文本的行高与外部容器的高度一致，可以使文本垂直居中
- 如何设置一个textview的文字显示为垂直居中，水平居左呢
- 公司的一个面试题：如何用css让一个容器水平垂直居中？
- CSS中怎么设置元素水平垂直居中？
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- 纯CSS设置元素垂直水平居中的几种方法
- 让一个元素垂直水平居中的四种方法
- 让一个元素垂直水平居中的三种方法
- 用css让一个容器水平垂直居中
- jQ的.height()方法/按百分比设置block元素垂直居中/设置logo背景色
- 七种CSS方式让一个容器水平垂直居中
- css系列（布局）：实现一个元素在浏览器中水平、垂直居中的几个方案
- CSS——几种让一个容器水平垂直居中的方法
- 实现一个元素垂直居中的六种方式