项目中要将用户输入的文本直接原样显示,所以就想到了 PRE 标签,加上下面的样式,就可以实现自动换行:
word-wrap: break-word;
使用后发现一个问题,如果把 PRE 放在表格中,那么就算内容折行了,但还是会占不换行时的宽度。估计是 IE 的问题,最后找到方法,加入以下样式就没问题了:
white-space : normal;
Sanmao,主要从事 Lotus Domino 平台下的 Web 应用开发工作,对于 Web 2.0 有浓厚的兴趣。工作之外喜欢听音乐、读书、玩 TV Game,以及通过 MacOS、Linux 边上网边学习,北漂一族。
欢迎通过邮件交流 sanmaozhao at gmail.com 或 Follow Twitter:sanmaozhao