调用数据库的内容,英文字母在页面上自动换行的问题~~

   调用数据库中的内容时,字母不能自动换行,如果使用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属性随便设置一个高度值就可以了,这样输入的文

字就可以看见了~~

相关推荐