css word-break属性的具体使用方法介绍-css教程-PHP中文网

css word-break属性的具体使用方法介绍

黄舟

发布： 2017-06-20 10:56:17

原创

2390人浏览过

处理网页内的文本就会有各种的换行的情况发生，那么页面的元素在什么样的情况下进行换行操作呢？我们可以通过word-break 代码来精确的控制这个换行。

语法：

word-break : normal | break-all | keep-all

登录后复制

参数：

normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明：

设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文，应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。

示例：

div {word-break : break-all; }

登录后复制

应用代码。我们在test 元素内给 word-break进行了参数的确定。

p.test {word-break:hyphenate;}

登录后复制

在浏览器的支持性方面， word-break还是非常符合要求的。浏览器基本都支持这个代码。

立即学习“前端免费学习笔记（深入）”；

word-break 的用法。它的默认值为 normal 它的继承性为 yes 它的版本为 CSS3

易语言学习手册十天学会易语言图解教程 pdf版

十天学会易语言图解教程用图解的方式对易语言的使用方法和操作技巧作了生动、系统的讲解。需要的朋友们可以下载看看吧！全书分十章，分十天讲完。第一章是介绍易语言的安装，以及运行后的界面。同时介绍一个非常简单的小程序，以帮助用户入门学习。最后介绍编程的输入方法，以及一些初学者会遇到的常见问题。第二章将接触一些具体的问题，如怎样编写一个1+2等于几的程序，并了解变量的概念，变量的有效范围，数据类型等知识。其后，您将跟着本书，编写一个自己的MP3播放器，认识窗口、按钮、编辑框三个常用组件。以认识命令及事件子程序。第

查看详情

java 的用法。object.style.wordBreak="keep-all"在这个java 语句当中，我们又给出了一个不同的参数值。

代码的语法。

word-break: normal|break-all|keep-all;

登录后复制

这个代码一共有三种不同的情况。normal 是浏览器默认。break-all 是单词内换行。keep-all 是半角空格或者连字符。

style 流程，我们给出了两种不同的方式让学习者进行对比。同时，我们也可以看见，对于外框的定义也是同时启用的。

<style> 
p.test1
{
width:13em; 
border:2px solid #000000;
word-break:hyphenate;
}

p.test2
{
width:13em; 
border:2px solid red;
word-break:break-all;
}
</style>

登录后复制

以上就是css word-break属性的具体使用方法介绍的详细内容，更多请关注php中文网其它相关文章！