前端目录下的文章
水平居中
最近了解flex布局,关于居中对齐的,根据之前的居中对齐有:margin: 0 auto
现在介绍另一种方法:
这个更简单的方法来水平对齐绝对定位的元素:
position: absolute;
left: 50%;
transform: translateX(-50%);
利用calc左右间隔40
.banner {
position: absolute;
left: 40px;
width: calc(100% - 80px);
border: solid black 1px;
box-shadow: 1px 2px;
background-color: yellow;
padding: 6px;
text-align: center;
box-sizing: border-box;
}