CSS学习(十二)-文本换行符_html/css_WEB-ITnose
程序员文章站
2024-04-05 12:42:48
...
一、理论:
1.word-wrap:
a.normal 在半角空格或连字符的地方进行换行
b.break-word 不截断英文单词换行
2.word-break:
a.normal 中文到边界上的汉字换行,英文从整个单词换行
b.break-all 强行截断英文单词换行
c.keep-all 不允许字断开
3.while-space:
a.normal 默认值
b.pre 文本空白处会被浏览器扣留
c.nowrap 文本会在同行上直到遇到换行符
d.pre-line 合并空白符序列,保留换行符
e.pre-wrap 保留空白符序列,正常进行换行
f.inherit 继承父元素的while-space属性
1.word-wrap:
a.normal 在半角空格或连字符的地方进行换行
b.break-word 不截断英文单词换行
2.word-break:
a.normal 中文到边界上的汉字换行,英文从整个单词换行
b.break-all 强行截断英文单词换行
c.keep-all 不允许字断开
3.while-space:
a.normal 默认值
b.pre 文本空白处会被浏览器扣留
c.nowrap 文本会在同行上直到遇到换行符
d.pre-line 合并空白符序列,保留换行符
e.pre-wrap 保留空白符序列,正常进行换行
f.inherit 继承父元素的while-space属性
二、实践:
1.
Title 我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。I'm a chihuo.love eating~我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。I'm a chihuo.love eating~我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。I'm a chihuo.love eating~我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。I'm a chihuo.love eating~我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。I'm a chihuo.love eating~
推荐阅读
-
CSS学习(十二)-文本换行符_html/css_WEB-ITnose
-
compass tables 表格 表格常见样式[Sass和compass学习笔记]_html/css_WEB-ITnose
-
CSS3秘笈第三版涵盖HTML5学习笔记13~17章_html/css_WEB-ITnose
-
CSS样式:把一个段中的几个短语颜色设置成不同于文本的颜色,用span标签。_html/css_WEB-ITnose
-
CSS如何学习_html/css_WEB-ITnose
-
css中关于超链接的部分学习心得_html/css_WEB-ITnose
-
CSS秘密花园: 环形文本_html/css_WEB-ITnose
-
JavaScript学习笔记:数组(八)_html/css_WEB-ITnose
-
HTML+CSS学习笔记(7)- CSS样式基本知识_html/css_WEB-ITnose
-
html学习(二)_html/css_WEB-ITnose