css - text-align:证明应用 normalize.css 后在某些浏览器中不起作用

Question

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 火狐浏览器 21.0
• 谷歌浏览器27.0.1453.110
• Opera 移动 12.10
• 微软 Internet Explorer 10.0

不适用于:

• Android 浏览器(不确定哪个版本，是 Android 2.3 Gingerbread)
• 海豚浏览器9.4.2

Answer 1

normalize.css 添加了一个属性，文本渲染:optimizeLegibility。尝试将其关闭并查看 justify 是如何工作的。对齐会影响您的字间距，而文本渲染会影响您的字母间距。我会从那里开始。