‘—’这个特殊符号导致不换行的解决方法

2021/4/30 10:55:15

本文主要是介绍‘—’这个特殊符号导致不换行的解决方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在我的手机里是正常的

 

 但在浏览器里是错误的,还有部分手机也是错误的

 

愤怒的我把所有已知的换行方法都写上去了

 

 还是不行

 

最终

我发现的一个参数

word-break: break-word;

这个在百度上搜基本没介绍,我还是从mdn搜到了

原文是break-word 他的效果是word-break: normal 和 overflow-wrap: anywhere  的合,不论 overflow-wrap的值是多少。

 

关于anywhere和break-word的区别在mdn上中文版并没有官方解释,但是英文版有解释

anywhere

  To prevent overflow, an otherwise unbreakable string of characters — like a long word or URL — may be broken at any point if there are no otherwise-acceptable break points in the line. No hyphenation character is inserted at the break point. Soft wrap opportunities introduced by the word break are considered when calculating min-content intrinsic sizes.

break-word

  The same as the anywhere value, with normally unbreakable words allowed to be broken at arbitrary points if there are no otherwise acceptable break points in the line, but soft wrap opportunities introduced by the word break are NOT considered when calculating min-content intrinsic sizes.

 

 具体我也看不太懂,我理解是anywhere的最小尺寸是字母,break-word的最小尺寸是单词,但是为啥会解决——这个符号不会换行的问题,还是要再研究啊

 

 



这篇关于‘—’这个特殊符号导致不换行的解决方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程