<div class="user">
<span class="name">{{rating.username}}</span>
<img class="avatar" width="12" height="12" :src="rating.avatar">
</div>
.user
position: absolute
right: 0
top: 16px
line-height: 12px
font-size: 0------------------ 父元素的font-size: 0,消除子元素之间默认存在的空白间隙
.name
display: inline-block
margin-right: 6px
vertical-align: top
font-size: 10px
color: rgb(147, 153, 159)
.avatar
border-radius: 50%
<span class="name">{{rating.username}}</span>
<img class="avatar" width="12" height="12" :src="rating.avatar">
</div>
.user
position: absolute
right: 0
top: 16px
line-height: 12px
font-size: 0------------------ 父元素的font-size: 0,消除子元素之间默认存在的空白间隙
.name
display: inline-block
margin-right: 6px
vertical-align: top
font-size: 10px
color: rgb(147, 153, 159)
.avatar
border-radius: 50%