自己常用居中遇到的问题
居中时始终差一点距离,后面检查发现存在外边距导致,
设置margin: 0解决
<div class="slide-con">
<h3 class="ti">h3</h3>
</div>
.slide-con{
position: relative;
}
h3{
position: absolute;
top: 50%;
left: 50%;
color: red;
font-size: 30px;
// 移动时存在外边距,会存在不居中的情况
transform: translate(-50%, -50%);
letter-spacing: 4;
word-spacing: 4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// 自带外边距时,按照整个盒子的宽度进行移动可能会有偏差
margin: 0px;
}