英文换行难题 css breakword

日期:2021-03-12 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站

1、大伙儿应当遇到过这类状况:

即随意键入1些英文本母来开展检测或留言甚么的,(大多数数状况下,这是个不符具体状况的行为,但遇到了这个难题,大家就要想方法去处理啊)。

2、怎样处理呢?

大伙儿最先要了解1个东东,叫做CJK( Chinese, Japanese, Korean),便是东亚語言,下列说到的这些东东对CJK是不起功效的哦,缘故很非常容易想搞清楚(Space!~~)。

我一开始到CSS2手册上查了1下,仅有1个white-space是操纵1行英文是不是换行的,因此是对于正中间有时间格的来讲的,没用,再到CSS3的手册上,嘿!~~看到了1个奇异的特性:word-wrap

Word-wrap有两个值normal、break-word(实际上就这1个值)

大家再加以后看看实际效果(加点令人蛋疼的文本):

OK,早已换行了,大家再把刚刚说到的white-space换上:

发现,无论字母正中间有木有空格,都不容易造成换行。

有关white-space特性的详尽赋值,能够到这里查询:,
https://www.jb51.net/w3school/css/pr_text_white-space.htm
此外在微软MSDN的library中面还看到1些有关文字断点难题的特性:

http://msdn.microsoft.com/en-us/library/ms531186(v=VS.85).aspx

而这些特性却在CSS3的草案之中:

http://www.w3.org/TR/css3-text/

能够得出,一开始是由MS创造发明出来的这些特性:
比如word-wrap,word-break这些,后来才被W3C接纳(微软在文本排版层面做的倒是挺到位)。

3、唧唧歪歪几句

遇到难题,纪录下来与大伙儿共享,觉得好极了(大伙儿好才是真的好),哈哈!~~,自己水平比较有限,有说的不对的地区,还请大伙儿改正,此外,上面贴出来的网站地址中有我看不懂的,因此没敢私自汉语翻译过来,大伙儿1起科学研究!~~