css 英文换行 css(word

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

关键词:如何创建网站,免费网站建站,网站建设文章,网站建设7个基本流程,自动建站

当1个界定了宽度的块状元素中填充的所有为纯英文或纯数据的情况下,在IE和FF中都会撑大器皿,不容易全自动换行而且当数据或英文中带有中国汉字时,会从中国汉字处换行,而纯中国汉字却能够全自动换行。这个难题怎样处理?先来了解1下两位主角word-wrap和word-break

word-wrap用来操纵换行
两种赋值:
(1)normal
(2)break-word(此值用来强制性换行,內容将在界限内换行,汉语沒有任何难题,英文句子也没难题。可是针对长串的英文,就不起功效。)

word-break用来操纵断词
3种赋值:
(1)normal
(2)break-all(是断掉单词。在单词到界限时,下个字母全自动到下1行。关键处理了长串英文的难题。)
(3)keep-all(是指Chinese, Japanese, and Korean持续词,1句话1行,能够用来排序古诗哟~)

【处理方式】
能够在CSS中添加
word-wrap:break-word;
word-break:break-all;

(1)break-all(是断掉单词。在单词到界限时,下个字母全自动到下1行。关键处理了长串英文的难题。)
(2)keep-all(是指Chinese, Japanese, and Korean持续词,1句话1行,能够用来排序古诗哟~)
(3)break-word(此值用来强制性换行,內容将在界限内换行,汉语沒有任何难题,英文句子也没难题。可是针对长串的英文,就不起功效。)