文本自动换行
浏览:2737次 出处信息
当一行文本的长度超出容器的最大宽度,就要产生自动换行的问题。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天十大热文
-
[314] WordPress插件开发 -- 在插件使用 -
[151] 解决 nginx 反向代理网页首尾出现神秘字 -
[92] IOS安全–浅谈关于IOS加固的几种方法 -
[49] Linux Used内存到底哪里去了? -
[49] 二维码的生成细节和原理 -
[48] 中间件和稳定性平台 -
[48] Hacker News 排名算法工作原理 -
[48] Shell的那些事儿 -
[48] 到底什么是MVC? -
[46] 整理了一份招PHP高级工程师的面试题
