text-align:在应用normalize.css后,在某些浏览器中无效

时间:2013-06-07 20:49:03

标签: css text-align justify

text-align: justify使用这个最小的例子正常工作:

<p>Long Loremp Ipsum text.</p>

p { text-align: justify; }

http://fiddle.jshell.net/nJsuJ/show/light/

如果我应用normalize.css,文本对齐在桌面浏览器和Opera Mobile中都可以,但在Android的默认浏览器和Dolphin中,它会切换到常规左对齐(实际上我认为它看起来比左对齐更糟,它有点像在调整大小时搞砸了并且摇摆不定。)

http://fiddle.jshell.net/nJsuJ/1/show/light/

发生了什么事?

适用于:

  • Mozilla Firefox 21.0
  • Google Chrome 27.0.1453.110
  • Opera Mobile 12.10
  • Microsoft Internet Explorer 10.0

无效:

  • Android浏览器(不确定哪个版本,它是Android 2.3 Gingerbread)
  • Dolphin Browser 9.4.2

1 个答案:

答案 0 :(得分:1)

normalize.css添加了一个属性,text-rendering:optimizeLegibility。尝试关闭它,看看有多合理。对齐会影响您的单词间距,而文字渲染会影响您的字母间距。我会从那里开始。