super_x

留言板中的自动换行

  写留言板的时候遇到了一个问题,就是留言从数据库中读出后显示在页面上但是不会自动换行,上网找了一下找到了一个不错的解决办法

如下:

 

 为什么留言板中的内容怎么不会自动换行 
解决思路
    这个问题通常是发生在当留言内容为一长串的字母或标点符号时,内容将一直显示而不换行。解决的办法是通过定义CSS强制内容换行。
具体步骤
把下面代码加入页面的CSS部分中:

table{table-layout:fixed;word-wrap:break-word;word-break:break-all}

或者在显示留言内容的表格中直接定义CSS:

<table style= "table-layout:fixed;word-wrap:break-word;word-break:break-all">

如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题:firefox下,内容会飘出框外.

我们不用word-break:break-all;
这个不好,他把英文单词不管三七二十一给弄断了,影响阅读。
一般来说在BLOG等系统中,我们要用word-wrap:break-word来代替word-break
有什么好处呢?
word-wrap:break-word不仅可以把超级长的英文单词截断,还可以根据空格区分英文单词,保持它的可读性。


posted on 2008-10-28 11:32  super_x  阅读(685)  评论(5编辑  收藏  举报