站内搜索:
首页 >> 前端 >> 内容
CSS学习(十二)-文本换行符理论与实践

时间:2016/3/14 9:45:59

一、理论:
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.

 



我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行

下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。

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左侧固定宽 右侧自适应过程介绍(兼容所有浏览器)
  • 下一篇:CSS学习(十三)-文本换行符技巧的理论与实践
  • 返回顶部