欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

CSS代码使纯英文数字自动换行的简质朴现

发布时间:2016-11-24  编辑:杨雨个人博客网站   点击:   

当一个界说了宽度的块状元素中添补的所有为纯英文可能纯数字的时辰,在IE和FF中城市撑大容器,不会自动换行

而且当数字可能英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个题目怎样办理?先来熟悉一下两位主角word-wrap和word-break

word-wrap用来节制Css换行

两种取值:

(1) normal
(2) break-word
(此值用来逼迫换行,内容将在界线内换行,中文没有任何题目,英文语句也没题目。可是对付长串的英文,就不起浸染。)

word-break用来节制断词

三种取值:

(1)normal

(2)break-all(是断开单词。在单词到界线时,下个字母自动到下一行。首要办理了长串英文的题目。)

(3)keep-all(是指Chinese, Japanese, and Korean不绝词,一句话一行,可以用来分列古诗哟~)

【办理要领】

可以在CSS中插手

word-wrap:break-word;
word-break:break-all;

以上就是小编为各人带来的CSS代码使纯英文数字自动换行的简质朴现所有内容了,但愿各人多多支持杨雨小我私人博客~

本文地址:http://itbyc.com/web/css3/13175.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1