前几天写几个页面,在几台手机上测试都没事,然后到了开发后期,发现在一台galaxy上的微信里面却发现变了样……

在列表那里,设置了li的height,也设了同样大小的line-height,一般情况下,文字应该是居中的

可是在galaxy里面,它文字偏偏却往上偏了……(这个现象出现在微信的webview里面)

研究了一番,发现galaxy的解析有点不一样,至于出现问题的原理,基于水平问题,还不能得出正确的答案。

只是能提供另一种方案,实现文字居中,就是不设height和line-height,设padding,上下的padding一样就好。

由于笔者的情况单一,如果有其他需求,该需再研究研究

  10 Responses to “微信webview内height与line-height相等时,文字却不垂直居中”

  1. c字裤全透明时装表演…

    但是我还是回复了,因为觉得如果不能在如此精彩的帖子后面留下自己的网名,那我死也不会瞑目的!…

  2. 丰胸汤…

    楼主,是你让我深深地理解了‘人外有人,天外有天’这句话。谢谢侬!…

  3. 作为一个资深的酱油党,我们需要做的不仅仅是路过,在路过的同时还要关心楼主,鼓励楼主,在这个冷漠的时代,给予楼主温暖。

  4. Cheap Pandora Bracelets…

    微信webview内height与line-height相等时,文字却不垂直居中 » Hedgehog…

  5. a1life…

    微信webview内height与line-height相等时,文字却不垂直居中 » Hedgehog…

  6. 小米3浏览器也会,蛋疼

    • 是吗?真坑爹,我现在基本上不用定高定行高来布局了,基本上都改用了padding了,所以米3还不太清楚

  7. 我也一直用padding 控制文本居中。。但一直没法解决多行文本的行高问题,不知道博主有研究到什么办法没?一个p元素里面文本超出一行,用padding只能控制首行的内边距

Leave a Reply to Betsy Galbis Cancel reply

(required)

(required)

* Copy This Password *

* Type Or Paste Password Here *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
© 2012 Hedgehog Suffusion theme by Sayontan Sinha