成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于移動(dòng)端文字無(wú)法垂直居中（或line-height不起作用）的問(wèn)題的解決方案

ingood / 2486人閱讀

摘要：最近開(kāi)發(fā)移動(dòng)端，發(fā)現(xiàn)安卓端對(duì)于文字垂直居中的問(wèn)題兼容性不好，網(wǎng)上也搜了很多方法，但是都比較麻煩，自己摸索出來(lái)了最終的解決方案首先在頭部把我們常用的改為。

最近開(kāi)發(fā)移動(dòng)端APP，發(fā)現(xiàn)安卓端對(duì)于文字垂直居中的問(wèn)題兼容性不好，網(wǎng)上也搜了很多方法，但是都比較麻煩，自己摸索出來(lái)了最終的解決方案：

1、首先在html頭部把我們常用的lang="en"改為lang="zh-cmn-Hans"。

此設(shè)置會(huì)導(dǎo)致安卓端和iOS端的密碼輸入符會(huì)出現(xiàn)問(wèn)題：

iOS端：（密碼符號(hào)變大）

安卓端：（密碼符號(hào)變小）

我們可以對(duì)需要密碼框的頁(yè)面多帶帶使用lang="en"的設(shè)置。

2、其次將中的font-family中設(shè)置的文字樣式只保留以下兩個(gè)：

font-family: -apple-system-font, sans-serif;

并將 Helvetica,Arial等字體刪除，這些字體是造成安卓端文字無(wú)法垂直居中的主要原因。
當(dāng)然刪除這些字體會(huì)帶來(lái)頁(yè)面中的數(shù)字會(huì)發(fā)生變化：

這是不設(shè)置Helvetica等字體的數(shù)字樣式：

這是設(shè)置了Helvetica等字體的數(shù)字樣式：

因此我們?nèi)粢幚硪恍┲匾臄?shù)字時(shí)，可以多帶帶對(duì)其設(shè)置字體樣式。

最后附上按照我的方法處理前后的兩張截圖：

處理前：

處理后：

處理后，我的積分和簽到 +5積分均處于垂直居中狀態(tài)。

PS:此方法并不能解決移動(dòng)端font-size小于12px以下出現(xiàn)的不能垂直居中問(wèn)題?？赡苓€需要各位用其它方式來(lái)解決。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111837.html

相關(guān)文章

  • 關(guān)于移動(dòng)端文字無(wú)法垂直居中（或line-height不起作用）的問(wèn)題的解決方案

    摘要：最近開(kāi)發(fā)移動(dòng)端，發(fā)現(xiàn)安卓端對(duì)于文字垂直居中的問(wèn)題兼容性不好，網(wǎng)上也搜了很多方法，但是都比較麻煩，自己摸索出來(lái)了最終的解決方案首先在頭部把我們常用的改為。 最近開(kāi)發(fā)移動(dòng)端APP，發(fā)現(xiàn)安卓端對(duì)于文字垂直居中的問(wèn)題兼容性不好，網(wǎng)上也搜了很多方法，但是都比較麻煩，自己摸索出來(lái)了最終的解決方案： 1、首先在html頭部把我們常用的lang=en改為lang=zh-cmn-Hans。 此設(shè)置...

    Java3y 評(píng)論0 收藏0

  • css布局基礎(chǔ)總結(jié)

    摘要：想寫出高效合理的布局，必須以深厚的基礎(chǔ)為前提?，F(xiàn)在布局方式主要分為三種傳統(tǒng)布局方案等配合。彈性布局，實(shí)現(xiàn)方便，兼容性較好。在環(huán)境中的元素按照如下規(guī)則渲染和文檔流一樣，元素按照自己類型的布局特性從左到右，從上往下依次排列。 前端css布局知識(shí)繁雜，實(shí)現(xiàn)方式多種多樣。想寫出高效、合理的布局，必須以深厚的css基礎(chǔ)為前提。為了方便記憶和復(fù)習(xí)，將css布局要點(diǎn)記錄如下。內(nèi)容較多，應(yīng)用方面說(shuō)的不...

    PrototypeZ 評(píng)論0 收藏0

  • 垂直居中---只需要兩個(gè)小栗子

    摘要：兩個(gè)小栗子講完了，你明白了么文章末尾，再送兩個(gè)小栗子當(dāng)一個(gè)里沒(méi)有內(nèi)容時(shí)高度為，當(dāng)有內(nèi)容比如文字時(shí)，就有了高度，難道是文字把撐開(kāi)了其實(shí)不是，這個(gè)高度是由元素的決定的。代碼很簡(jiǎn)單使用布局也可以實(shí)現(xiàn)居中紅色框上下居中文字在紅色框中居中 之前學(xué)習(xí)垂直居中的時(shí)候在網(wǎng)上找了很多方法，看的我眼花撩亂，一直想著整理一下思路，透過(guò)那些紛繁的招式看到本質(zhì)。首先明確一下概念： left是指子元素的左mar...

    darkbug 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<