1. 文章
  2. 前端
  3. 文章详情

使用CSS解决移动端safari浏览器中单词被切断并显示中划线问题

发布于5年前(2019-07-26) 分类：前端  阅读(6.5k)  评论次数(0)
有时候我们会在手机端的safari浏览器上遇到英文单词在换行时被切断且被中横线相连的问题。这种呈现方式会影响阅读体验，那么如何解决呢？

要解决上述问题，我们只需要使用下面两种方法之一即可：

* {
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens: none;
    hyphens:none;
}

或者

* {
    word-break:keep-all;
}

加入以上CSS后的效果截图如下：

the end

标签： safari word breaks
上一篇:   ubuntu安装JDK问题：bash: ./java: cannot execute binary file
下一篇:   使用:before伟类实现自定义li标签前面的图标
热门文章