wordpress - IE Internet Explorer 和 Android 上的文本对齐对齐错误

Question

我在 Internet Explorer 和 Android 上对我的 WordPress 内容产生了非常糟糕的调整效果:对于某些行，我的单词之间有很大的空格，而该行的最后两个单词之间突然出现了很小的空格

它在其他浏览器上运行良好，例如 chrome/firefox/safari。

平台:Wordpress 3.5 + Visual Composer插件

有人有想法吗？

内容如下: http://www.arkama.fr/offres/sap/assistance-technique/

在线•La recherche et l’identification de 上可见

<ul style="text-align: justify;">
<li style="text-align: justify;">La bonne <strong>qualification</strong> du besoin client ;</li>
</ul>
<ul style="text-align: justify;">
<li style="text-align: justify;">La <strong>recherche</strong> et <strong>l’identification</strong> de ressources disponibles et adaptées ;</li>
</ul>
<ul style="text-align: justify;">
<li style="text-align: justify;">La <strong>validation du profil</strong> et des compétences de ce dernier <strong>par des entretiens techniques, de personnalité</strong> et <strong>d’anglais</strong> ;        
</li>
</ul>

Answer 1

源代码中的一些隐藏的十六进制字符会导致此问题。在 IE 中，非换行空格字符不会在两端对齐的文本中延伸。

Chrome 中的开发者工具揭示了这些字符生成的 HTML 代码:

十六进制编辑器(在我的例子中为 HxD)揭开了源代码中一些隐藏字符的盖子(00 和 20 都可以，但是 A0 呈现  ，这会导致您的情况出现问题):

您可以尝试使用 Notepad++ 等文本编辑器复制/粘贴代码来删除这些字符。 使用 Dreamweaver，它具有显示隐藏字符的内置功能( View > 代码 View 选项 > 隐藏字符)，删除这些字符后，在 IE 中一切正常。