CSS3 Automatic Word Hyphenation works on FireFox, not on Internet Explorer and Chrome

心已入冬 提交于 2019-12-18 09:06:43

问题


According to this link not only FireFox but also Internet Explorer should support the use of automatic hyphenation in css/html, however my demo (using the Dutch language, which is supported by IE).

SEE MY CSS DEMO where hyphenation does work flawlessly on FF 42 but not on current IE 11 while it should be supported. What am I doing wrong? Below the css and html i'm using.

article p{
    -webkit-hyphens : auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

<article lang="nl">
<p>........</P>
</article>

What am I doing wrong? What part of this css code needs to be changed sothat auto hyphenation works on Internet Explorer as well on the Dutch (nl) language?


回答1:


I had the same problem until I used lang="en" inside the <html> tag, so setting your lang attribute will allow these browsers to actually hyphenate with your language.



来源:https://stackoverflow.com/questions/33683971/css3-automatic-word-hyphenation-works-on-firefox-not-on-internet-explorer-and-c

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!