垂直水平居中

  1. div 水平居中

div 水平居中

1.
display:flex;

align-items:center;
justify-content: center;

2.
display:grid;

align-items:center;
justify-content: center;

3.
display:flex;

margin:auto;

4.
display:grid;

margin:auto;

5.
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 981909093@qq.com

文章标题:垂直水平居中

文章字数:44

本文作者:泽鹿

发布时间:2019-08-28, 19:10:47

最后更新:2019-08-28, 20:55:47

原始链接:http://panyifei.github.io/2019/08/28/前端技术/css/垂直水平居中/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏