text-align来证明bug,即Internet Explorer和android

时间:2013-04-01 11:12:53

标签: wordpress internet-explorer text-align justify

对于我的wordpress内容,我对互联网资源管理器和android有一个非常糟糕的合理效果:对于某些行,我在单词之间有很大的空格,突然在行的最后两个单词之间有一个小空格

它适用于其他浏览器,即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>

1 个答案:

答案 0 :(得分:2)

源代码中的某些隐藏的十六进制字符会导致此问题。在IE中,非破坏空格字符不会在合理的文本中拉伸。

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

Element inspection by Chrome Dev Tools

十六进制编辑器(在我的案例中为HxD)提升了源代码中的一些隐藏字符(0020是正常的,但是A0呈现{{1} ,导致你的情况下的问题):

Source code view in HxD

您可以尝试使用文本编辑器(如notepad ++)复制/粘贴代码以删除这些字符。 使用Dreamweaver,它具有显示隐藏字符的内置功能(查看&gt;代码视图选项&gt;隐藏字符),删除这些字符后,IE中的一切工作正常。

source code in Dreamwaever