所有浏览器都支持CSS断字吗？

html5 • • 问答

我正在尝试使用不同语言的动态用户内容构建一个站点。

例如：

<p lang="en">disestablishment</p>
<p lang="de">Käsekuchenbäckereibesitzer</p>
<p lang="fr">Consciencieuse</p>
<p lang="it">Imbarazzato</p>
<p lang="es">decepcionado</p>

我正在使用 CSS 来激活断字：

p[lang] {
    width: 60px;

    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

它似乎在我的机器上工作得很好，但我试图找出这是否也适用于其他平台和机器。所以我在 BrowserStack 上试了一下，得到了非常不同的结果：

无前缀 恩 德 fr 它 es
安卓 11 ? ? ? ? ? ?
IOS 14 ? ? ? ? ? ?
铬 90 大苏尔 ? ? ? ? ? ?
边缘 90 大 sur ? ? ? ? ? ?
ff 88 大苏尔 ? ? ? ? ? ?
野生动物园 14 大苏尔 ? ? ? ? ? ?
铬 90 埃尔卡坦 ? ? ? ? ? ?
ff 88 埃尔卡坦 ? ? ? ? ? ?
镀铬 90 视窗 7 ? ? ? ? ? ?
边缘 90 窗口 7 ? ? ? ? ? ?
ff 88 窗口 7 ? ? ? ? ? ?
镀铬 90 视窗 10 ? ? ? ? ? ?
边缘 90 窗口 10 ? ? ? ? ? ?
ff 88 视窗 10 ? ? ? ? ? ?
以上是所有浏览器都支持CSS断字吗？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>