默识

一个恼人的 CSS 问题

　　Firefox 下 的 <pre> 标签中的文字不会自动换行，这问题困扰了我一阵子，在 Google 上搜了半天，终于找到了解决方法：

Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE

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+ */
}

　　这样一来在 <pre> 和 </pre> 之间的空格和回车都可以保留而且长的文段也会自动换行了，但问题还没有结束，长的网址仍然没有自动折行……看来想让网页在所有地方都显示得漂亮还真是件麻烦事。

本文引用地址(Trackback URL)