<div  class="border-top-scale">
      <p style="width:200px;overflow-x:auto" class="label">
        <span style="white-space:nowrap">很長一段文字</span>
      </p>
  </div>
.border-top-scale {
  position: relative
  &::before {
    position: absolute
    top: -50%
    left: -50%
    content: ''
    width: 200%
    height: 200%
    transform: scale(0.5)
    border-top: 2px solid #eee
  }
}

其中border-top-scale是設(shè)置0.5px的border樣式，由于position：absolute的原因需要給p元素label添加position:relative屬性，否則ios生效，安卓不生效，無法滾動(dòng)