英文换行问题 css breakword
2011-12-04 00:23
921 查看
一、大家应该遇到过这种情况:
即随便输入一些英文字母来进行测试或者留言什么的,(大多数情况下,这是个不符合实际情况的举动,但遇到了这个问题,我们就要想办法去解决啊)。
二、如何解决呢?
大家首先要知道一个东东,叫做CJK( Chinese, Japanese, Korean),就是东亚语言,以下说到的这些东东对CJK是不起作用的哦,原因很容易想明白(Space!~~)。
我刚开始到CSS2手册上查了一下,只有一个white-space是控制一行英文是否换行的,所以是针对中间有空格的来说的,没用,再到CSS3的手册上,嘿!~~看到了一个神奇的属性:word-wrap
Word-wrap有两个值normal、break-word(其实就这一个值)
我们加上之后看看效果(加点让人蛋疼的文字):
OK,已经换行了,我们再把刚才说到的white-space换上:
发现,不管字母中间有没有空格,都不会产生换行。
关于white-space属性的详细取值,可以到这里查看:,
http://www.jb51.net/w3school/css/pr_text_white-space.htm
另外在微软MSDN的library中面还看到一些关于文本断点问题的属性:
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接受(微软在文字排版方面做的倒是挺到位)。
三、唧唧歪歪几句
遇到问题,记录下来与大家分享,感觉好极了(大家好才是真的好),哈哈!~~,本人水平有限,有说的不对的地方,还请大家纠正,另外,上面贴出来的网址中有我看不懂的,所以没敢擅自翻译过来,大家一起研究!~~
即随便输入一些英文字母来进行测试或者留言什么的,(大多数情况下,这是个不符合实际情况的举动,但遇到了这个问题,我们就要想办法去解决啊)。
二、如何解决呢?
大家首先要知道一个东东,叫做CJK( Chinese, Japanese, Korean),就是东亚语言,以下说到的这些东东对CJK是不起作用的哦,原因很容易想明白(Space!~~)。
我刚开始到CSS2手册上查了一下,只有一个white-space是控制一行英文是否换行的,所以是针对中间有空格的来说的,没用,再到CSS3的手册上,嘿!~~看到了一个神奇的属性:word-wrap
Word-wrap有两个值normal、break-word(其实就这一个值)
我们加上之后看看效果(加点让人蛋疼的文字):
OK,已经换行了,我们再把刚才说到的white-space换上:
发现,不管字母中间有没有空格,都不会产生换行。
关于white-space属性的详细取值,可以到这里查看:,
http://www.jb51.net/w3school/css/pr_text_white-space.htm
另外在微软MSDN的library中面还看到一些关于文本断点问题的属性:
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接受(微软在文字排版方面做的倒是挺到位)。
三、唧唧歪歪几句
遇到问题,记录下来与大家分享,感觉好极了(大家好才是真的好),哈哈!~~,本人水平有限,有说的不对的地方,还请大家纠正,另外,上面贴出来的网址中有我看不懂的,所以没敢擅自翻译过来,大家一起研究!~~
相关文章推荐
- 英文单词断行问题:CSS中word-break、word-wrap以及hyphens的兼容性和区别
- css 英文换行 css(word-wrap/break)使纯英文数字自动换行
- 防止表格被撑开 CSS word-wrap 英文单词断开换行问题
- css 英文换行 css(word-wrap/break)使纯英文数字自动换行
- CSS换行:word-wrap、word-break和text-wrap区别
- 段落自动换行问题: word-wrap: break-word;
- word-wrap同word-break的区别,字符串换行问题
- 单词太长导致自动换行,出现空白区域。——word-wrap和word-break(英文单词换行)
- css word-wrap和word-break强制换行
- html、css 禁止文字自动换行属性word-break
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- CSS强制换行(word-wrap和word-break)
- (转)css换行样式:word-wrap同word-break的区别
- 【office 2010】word排版之长英文单词自动换行和英文对齐问题
- css中强制换行word-break、word-wrap、white-space区别实例说明
- css自动换行 word-break:break-all和word-wrap:break-word
- CSS换行:word-wrap、word-break和text-wrap区别
- CSS 中文英文 换行问题
- 【转】解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- 自动换行问题,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现换行的方法