android上line-height的問題,androidline-height

來源:互聯網
上載者:User

android上line-height的問題,androidline-height

關於line-height大家應該非常熟悉了吧,就是用來做垂直置中的,屢試不爽,基本上沒有什麼問題,但是最近一個項目,測試提了一個bug,看圖吧。

從別處竊的圖,這個問題只有安卓上才能複現,做了demo,發現應該是font-size的問題,你們可以自己試試,font-size為13px或者奇數時,line-height會有一定的偏差,在safari上沒有問題,至於原因,現在還沒找到,等找到了再來補充吧。

解決辦法

 雖然原因沒有找到,但是可以大致猜出是安卓上奇數字型大小導致line-height均分上下邊距的時候出現了偏差,那麼,我們就可以通過這方面入手。

既然line-height均分不了,那就拋棄line-height吧,看代碼

element{

  font-size: 13px;

  line-height:0;

  padding: 15px 0;//相當於line-height 30px

}

很簡單吧,將line-height設為0,用padding來進行填充,完美實現,自測沒什麼問題,如果造成其他問題,歡迎留言指出

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.