css居中

作者: 自you是敏感词 | 来源:发表于2019-08-11 22:54 被阅读0次

水平居中

文本, 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

相关文章

网友评论

      本文标题:css居中

      本文链接:https://www.haomeiwen.com/subject/wypsjctx.html