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

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

一、理论:
1.word-wrap 用来断词而不是断字符
2.word-break:
a.break-all 可以允许非中文断开
b.keep-all 在中文里不允许字断开
2.white-space:
a.nowrap 文本强制不换行
b.pre 显示预定义文本格式
3.浏览器适应:
a.在ie下使用word-wrap:break-word声明可以确保所有文本正常显示
b.在firefox下需要采用word-wrap:break-word和overflow:hidden结合

二、实践:

1.

 



 我是一个吃货,擅长吃各种好东西。我的希望是:每顿都能吃到好吃的。如果没有好吃的话,下顿有也行
下顿如果有的话,我就要好好多吃点儿,如果没有,我就留着,争取下下顿能吃到好吃的。

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

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



 

 

  • 上一篇:CSS学习(十二)-文本换行符理论与实践
  • 下一篇:CSS学习(十一)-CSS文本溢出
  • 返回顶部