调用数据库的内容,英文字母在页面上自动换行的问题~~
调用数据库中的内容时,字母不能自动换行,如果使用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属性随便设置一个高度值就可以了,这样输入的文
字就可以看见了~~
相关推荐
lbyd0 2020-11-17
sushuanglei 2020-11-12
腾讯soso团队 2020-11-06
gaobudong 2020-11-04
yangkang 2020-11-09
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
wushengyong 2020-10-28
lizhengjava 2020-11-13
星月情缘 2020-11-13
huangxiaoyun00 2020-11-13
luyong0 2020-11-08
Apsaravod 2020-11-05
PeterChangyb 2020-11-05
wwwjun 2020-11-02
gyunwh 2020-11-02
EchoYY 2020-10-31
dingyahui 2020-10-30