2011-07-27 79 views
0

enter image description here試圖讓文本WRAPin表

繼承人的JSP代碼:我們得到了一些CSS的可包裝的......我會打電話的權利

<form id="commentForm" name="commentForm" action="" method="post"> 
<ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"> 
<ctl:sortableTblHdrSetup topTotal="false" href="show.whatif_edit_entry?entryId=${entry.entryId}"/> 
<table class="data_table vert_scroll_table"> 
    <tr> 
     <ctl:sortableTblHdr styleClass="center" title="Comments" property="comment" type="top">Comments</ctl:sortableTblHdr> 
    </tr> 
    <c:forEach var="comments" items="${entry.comments}"> 
     <tr id="id${comments.id}"> 
      <td id="comments-${comments.id}" class="wrappable" style="width:400px;">${comments.comment}</td> 
     </tr> 
    </c:forEach> 
    <c:if test="${lock.locked || form.entryId < 0 }"> 
     <%-- This is the row for adding a new comment. --%> 
     <tr id="commentRow"> 


     <td> 
     You have <strong><span id="commentsCounter">${const['COMMENT_MAX_LENGTH'] - fn:length(commentForm.comment)}</span></strong> characters left.<br/> 
      <textarea id="comment" name="comment" rows="2" cols="125" style="width:395px;" 
       onkeypress="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)" 
       onkeydown="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)" 
       onkeyup="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)"> 
       </textarea> 

        <a href="javascript:addComment();"><img src="../images/icon_add.gif" border="0" alt="Add"/></a> 
     </td> 
    </tr> 

td.wrappable, 
table.data_table td.wrappable 
{ 
white-space: normal; 
} 

感謝您的幫助.....:)

+0

有你的表格單元格中定義的寬度(S)? –

+0

我可以這樣做嗎? –

+0

回答

1

以我的經驗,事情不會換行,除非他們有他們的空間。在這個例子中,這個傢伙分裂在PHP長單詞用空格:Example

還有一個在CSS自動換行設定它可以打破一個長字分開:Sorry for W3Schools =(

+0

我只是想包裝,所以表不擴大。 –

+0

正確....我提供了兩種可能的解決方案。 –