css居中

水平居中

文本, inline inline-block 父元素 text-align: center

单个block 子元素 width:100px; margin:0 auto;

多个block 把子元素变inline 父元素 text-align:center; 子元素 display:inline | inline-block;

用绝对定位实现 top,left 是相对于父元素的; margin 或 transform 是相对于自身的

flex

垂直居中

文本, inline inline-block 父元素 line-height 等于 height / 行数

单个block 用绝对定位实现

flex

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。