最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 18:50:58
文档

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

cssword-break属性的具体使用方法介绍:处理网页内的文本就会有各种的换行的情况发生,那么页面的元素在什么样的情况下进行换行操作呢?我们可以通过word-break 代码来精确的控制这个换行。语法: word-break : normal | break-all | keep-all参数: normal : 依照亚洲语言和非亚洲语
推荐度:
导读cssword-break属性的具体使用方法介绍:处理网页内的文本就会有各种的换行的情况发生,那么页面的元素在什么样的情况下进行换行操作呢?我们可以通过word-break 代码来精确的控制这个换行。语法: word-break : normal | break-all | keep-all参数: normal : 依照亚洲语言和非亚洲语

处理网页内的文本就会有各种的换行的情况发生,那么页面的元素在什么样的情况下进行换行操作呢?我们可以通过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

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>

文档

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

cssword-break属性的具体使用方法介绍:处理网页内的文本就会有各种的换行的情况发生,那么页面的元素在什么样的情况下进行换行操作呢?我们可以通过word-break 代码来精确的控制这个换行。语法: word-break : normal | break-all | keep-all参数: normal : 依照亚洲语言和非亚洲语
推荐度:
标签: 使用 用法 简介
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top