关于position: absolute的妙用。

时间:2021-10-05 20:32:38

html

<div class="partner-text__account">
  <span class="partner-text__account--number">{{item.total}}</span>
  <span class="cc-primary-font">+</span>
</div>

css 

.partner-text__account {
  font-size: 46px;
  height: 46px;
  color: #333333;

  .partner-text__account--number {
    display: inline-table;
    height: 46px;
    line-height: 46px;
  }
  .cc-primary-font {
    font-size: 24px;
    position: absolute;
  }
}
这样子的absolute没有设置具体的方位,就可以随着前面Number的变化,而不会固定再一个位置,它会一直跟在数字后面上方