關於position: absolute的妙用。

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的變化,而不會固定再一個位置,它會一直跟在數字後面上方
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章