过长文字自动换行的技巧 Word-Break Word-Wrap
2009-06-18 14:21
260 查看
在很多时候,为了防止内容过长把表格或容器撑破, 我们都需要为容器加上自动换行的功能。
实现自动换行,用CSS来实现,通常有两种方式:
word-break:
取值为 normal, break-all, keep-all
word-wrap:
取值为 normal, break-word
word-break: break-all 太霸道,无条件折行,会造成 英文单词 和 数字的断行,不建议使用。
推荐使用的是:
对 FF3 应该是兼容的。
实现自动换行,用CSS来实现,通常有两种方式:
word-break:
取值为 normal, break-all, keep-all
word-wrap:
取值为 normal, break-word
word-break: break-all 太霸道,无条件折行,会造成 英文单词 和 数字的断行,不建议使用。
推荐使用的是:
{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}
对 FF3 应该是兼容的。
相关文章推荐
- 过长文字自动换行的技巧 Word-Break Word-Wrap
- css word-break word-wrap 前台显示自动换行
- 文字在边界自动换行word-wrap:break-word
- Latex 表格内文字过长自动换行
- div自动换行word-break:break-all和word-wrap:break-word的区别
- word-break:break-all和word-wrap:break-word 自动换行问题
- 自动换行word-break:break-all和word-wrap:break-word的区别
- 从数据库取出来的文字过长,怎么让单元格自动换行
- table td 内容太长自动换行的实例(word-wrap和word-break的差异)
- Latex 表格内文字过长自动换行
- css自动换行 word-break:break-all和word-wrap:break-word
- 自动换行word-break:break-all和word-wrap:break-word的区别
- Latex 表格内文字过长自动换行
- 段落自动换行问题: word-wrap: break-word;
- 自动换行 word-break:break-all和word-wrap:break-word
- div自动换行word-break:break-all和word-wrap:break-word的区别
- Latex 表格内文字过长自动换行
- Trufun产品使用技巧之——如何让用例文字自动换行?
- css3之文字自动换行word-break
- css 英文换行 css(word-wrap/break)使纯英文数字自动换行