小程式 三行文字 包含圖示 模擬器和真機效果不同的問題

spfLinux發表於2018-02-01

上面的效果在真機中是一排兩個,共五排。結果發現有的樣式出現了混亂,與其它幾個不對齊,就是三行中有的行與行之間的間距出現了偏差。

後面我是把後兩行去掉,一行一行去測試,發現主要問題出現在第一行,第一行解決了,後面兩行就ok。

解決方案:

設定height和line-height

height: 40rpx;
  line-height: 40rpx;
然後去真機中看下第一行是否都對齊。

相關文章