1. 程式人生 > >5、CSS設定單行文字溢位部分省略號代替

5、CSS設定單行文字溢位部分省略號代替

 

.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>