日期:2014-05-16 浏览次数:20476 次
? ?调用数据库中的内容时,字母不能自动换行,如果使用table实现字母的自动换行,那么代码如下所示:
?
?
<table class="table" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed" width="100%"> <tr> <td width="10%"> *** </td> </tr> <tr> <td style="word-break : break-all; overflow:hidden;"> <s:property value="***" /> </td> </tr> </table>
? ? ?注意标签table和td中 的style样式 , table-layout:fixed;强制table的宽度, 内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden;隐藏超出内容,这里overflow:auto;无法起作用。
? ? ? 注意: word-break : break-all;表示当转行的时候会截断一个完整的英文单词,而 word-wrap : break-word ;不会。且前者与 overflow:hidden;连用时会在ff中隐藏部分文字,后者与 overflow:hidden;连用时 在ff中 则不会,且会实现换行。这个就要自己动手试了,或许这个结论只是我的一面之词,希望大家自己亲手实践。
? ? ? ?这时会发现,在ie中,td不会随着文字行数的增多而自动增加高度,这样就不能完全显示所有的文字,有些文字会被
下一个td遮住。所以,此时只要在jsp页面中给第二个tr中的td的height属性随便设置一个高度值就可以了,这样输入的文
字 就可以看见了~~
?