关注互联网、体验互联网,记录成长历程

CSS实现文本自动换行

2008-08-20

在常规的情况下,当内容超出外部DIV的宽度时,文本会自动换行,但是在非正常情况下,文本可能就会撑出外部DIV的宽度而不能实现自动换行。该非正常情况指的是,连续的英文字母或者数字,因为连续的英文字母或者数字被当做了一个单词,而一个单词内默认是不换行的,于是就造成了撑破外部DIV的问题。

解决这个问题的方法是,在外部DIV的CSS样式属性里设置“word-wrap:break-word;”或者“word-break:break-all;”,即可强制文本在外部DIV宽度之内换行。

但是很不幸的是,这个目前只在IE下有效,在Firefox下依然无法完成换行。

分类目录:前端开发 | 标签: | 查看:6,984

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>