.userName{
display: inline-block;
max-width: 69%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: top;
}
<p>
<span class="userName">用户名称1</span>
<span style="font-size:.22rem;padding-left:.02rem">
(第<span class="awarded"></span>名)
</span>
</p>