span 不允许换行的实现方法

<div>
    <span>费用自理</span>
    <span class="spanStyle">80000000</span> 
</div>

<style>
.spanStyle{  
      white-space: nowrap;  /*强制span不换行*/
      display: inline-block;  /*将span当做块级元素对待*/
      width: 32px;  /*限制宽度*/
      overflow: hidden;  /*超出宽度部分隐藏*/
      text-overflow: ellipsis;  /*超出部分以点号代替*/
}
</style>

其实就是 css强制不换行 的一种实现，主要是用到了 white-space 属性，另外是要通过 display 属性将 span 当成块级元素对待就可以了。