让pre标签中的内容换行

已经九点半了,突然想起今天的web-dev tip还没有发,只好借花献佛了。本tip来自conzi

有的时候,你想把一段文本原样打出,很简单,用pre标签啰,但是如果一行太长了,pre就会在内部形成一个水平的滚动条。怎么让他换行呢,看下面:

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

这篇日志是每日一web-dev tip计划的一部分,如果你关注web开发或者linux,请订阅我的rss。

Tags: 相关Tags:

» «

相关文章

  • No Related Posts

发表评论

只有思想的碰撞才能产生火花!请留下你宝贵的评论吧: