日期:2014-05-16  浏览次数:20451 次

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

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


就可以看见了~~


?