最新文章专题视频专题问答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
当前位置: 首页 - 科技 - 知识百科 - 正文

与换行相关的css属性简单介绍_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:18:03
文档

与换行相关的css属性简单介绍_html/css_WEB-ITnose

与换行相关的css属性简单介绍_html/css_WEB-ITnose:与换行相关的css属性简单介绍:在css布局中可能需要人为的进行操作是否换行,如何换行,本章节就就做一下简单介绍。一.word-break属性:此属性用来设定文本如何进行换行。语法结构: word-break:normal | break-all | keep-all 参数
推荐度:
导读与换行相关的css属性简单介绍_html/css_WEB-ITnose:与换行相关的css属性简单介绍:在css布局中可能需要人为的进行操作是否换行,如何换行,本章节就就做一下简单介绍。一.word-break属性:此属性用来设定文本如何进行换行。语法结构: word-break:normal | break-all | keep-all 参数


与换行相关的css属性简单介绍:
在css布局中可能需要人为的进行操作是否换行,如何换行,本章节就就做一下简单介绍。
一.word-break属性:
此属性用来设定文本如何进行换行。
语法结构:

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

参数解析:
1.normal:默认值,原则上规定在断字点换行,通俗的说就是在单词与语单词之间可以进行换行,但是如果单词特别的长,超出了行的长度,可以从单词内部断开进行换行。
2.break-all:此属性值能够实现强制将单词从内部截断实现换行效果,从"break-all"这个霸气的词就可以看出它的威力,比word-wrap属性
更多相关内容可以参阅CSS3的word-break属性详解一章节。
二.word-wrap属性:
此属性和上面的word-break属性的作用类似,用来规定文本是否可以冲破容器,当然也是对于文本进行如何换行的处理。
语法结构:

word-wrap: normal | break-word

参数解析:
1.normal:默认值,允许文本超出容器边界。如果是汉字或者并非超长的英文单词进行换行处理,但是如果是超长的英文单词,则从单词内部断开进行换行。和word-break:normal功能一样。
2.break-word:此属性规定内容不能够超出容器边界,并且原则上不允许进行词内换行,但是如果单词超长的话,也会从单词内部断开进行换行。
更多相关内容可以参阅CSS3的word-wrap属性用法详解一章节。
word-break和word-wrap不同点可以参阅word-break属性和word-wrap属性区别一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13395

更多内容可以参阅:http://www.softwhy.com/divcss/

文档

与换行相关的css属性简单介绍_html/css_WEB-ITnose

与换行相关的css属性简单介绍_html/css_WEB-ITnose:与换行相关的css属性简单介绍:在css布局中可能需要人为的进行操作是否换行,如何换行,本章节就就做一下简单介绍。一.word-break属性:此属性用来设定文本如何进行换行。语法结构: word-break:normal | break-all | keep-all 参数
推荐度:
标签: 换行 html 属性
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top