文本自动换行
浏览:2137次 出处信息
当一行文本的长度超出容器的最大宽度,就要产生自动换行的问题。CSS的white-space属性可以决定自动换行的行为。white-space有下面几个值:
属性值 | 空白符 | 换行符 | 自动换行 | 最早出现于 |
---|---|---|---|---|
normal |
合并 | 忽略 | 允许 | CSS 1 |
nowrap |
合并 | 忽略 | 不允许 | CSS 1 |
pre |
保留 | 保留 | 不允许 | CSS 1 |
pre-wrap |
保留 | 保留 | 允许 | CSS 2.1 |
pre-line |
合并 | 保留 | 允许 | CSS 2.1 |
如果一个单词的长度超过了容器的最大宽度,也会出现自动换行的问题,这个是由word-wrap决定的。word-wrap有三个值:normal | break-word | inherit
- normal
- 单词不会自动换行,这是默认值。
- break-word
- 如果单词的长度超过容器最大宽度,单词会被截断,产生换行。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
文章信息
- 作者:小寒 来源: 记事本
- 标签: 换行
- 发布时间:2010-08-04 23:36:12
建议继续学习
近3天十大热文
- [754] WEB系统需要关注的一些点
- [148] 如何拿下简短的域名
- [23] 移动音乐产品梳理
- [17] 豆瓣是啥?
- [14] 内存的惰性初始化
- [14] Chrome开发者工具的小技巧
- [12] 产品经理的取舍之道与抽象能力
- [12] 基于SSD的数据库性能优化
- [11] iOS和Android设计规范备忘表
- [11] sns视觉设计分享