关于position: absolute的妙用。

最新推荐文章于 2024-09-13 10:22:14 发布

zhumengzj

最新推荐文章于 2024-09-13 10:22:14 发布

阅读量3k

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/zhumengzj/article/details/79792951

版权

css 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

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的变化，而不会固定再一个位置，它会一直跟在数字后面上方