美文网首页Css
css水平垂直居中问题

css水平垂直居中问题

作者: 忙兮奈若何 | 来源:发表于2018-08-18 11:01 被阅读0次

问题一:盒子在文档流中居中

方法一:绝对定位-宽高的一半

方法二:绝对定位+margin:auto;

方法三、用transform实现

问题二:盒子在盒子中水平垂直居中

方法一:用最简单的margin: 0 auto; 实现

方法二:用绝对定位实现 / 相对定位

方法三:弹性盒子配合 margin:auto;

方法四:display:table-cell;

方法五:display:grid;

方法六:vertical-align:middle;   display:inline-block;

相关文章

网友评论

    本文标题:css水平垂直居中问题

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