css盒子居中外边距存在，不能正常居中

自己常用居中遇到的问题
居中时始终差一点距离，后面检查发现存在外边距导致，
设置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;
  }