css

时间：2021-03-11 00:04:38 阅读：31 评论：0 收藏：0 [点我收藏+]

关于css设置元素水平垂直居中

页面代码：

</div>

css代码：

第一种：

.par {

display: flex;

justify-content: center;

align-items: center;

}

第二种：

.par {

　 position: relative;

}

.par .sun {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

}

第三种：

.par {

position: relative;

}

.par .sun {

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

}

第四种：

.par {

}

.par .sun{

position: relative;

top: 50%;

transform: translateY(-50%);

margin-left: auto;

margin-right: auto;

}

效果图如下:

技术分享图片

css

原文：https://www.cnblogs.com/zero1995/p/14514822.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)