Question

我在我的项目中使用下面的代码来包装文本，但文本仍然溢出到下一个文本框。我也尝试使用word-wrap:break-all，但它没有用。我正在使用 Chrome 来测试我的代码。

有人可以建议在这种情况下我应该用什么来包装文本？

代码：

<td style="word-wrap:break-word" <%if((sv.ownername).getClass().getSimpleName().equals("ZonedDecimalData")) {%>align="right"<% }else {%> align="left" <%}%> ><%=smartHF.getHTMLOutputFieldSFL(sv.ownername, "ownername", 0)%></td>

Answer 1

添加这个

word-break: break-all;  
white-space:normal;

Answer 2

你可以使用这个html

<table width="100" border="1" style="table-layout:fixed">
  <tr>
    <td><div style="word-wrap:break-word"> 23232323232323232323232323232323232323232323232323</div></td>
    <td>abcabc</td>
  </tr>
</table>

Answer 3

您应该为文本持有者指定宽度，以便自动换行功能

p.test {
    width: 100px; 
    border: 1px solid #000000;
    word-wrap: break-word;
}

<table>
<tr>
<td>
<p class="test"> I am using below code in my project for wrapping the text but the text is still overflowing to the next text box. I also tried using word-wrap:break-all but it did not work. I am using Chrome to test my code.</p>
</td>
</tr>
</table>

Answer 4

我曾经在类似的问题上挣扎了一段时间，终于意识到父容器的高度是有限的，其溢出属性被设置为隐藏。

在允许父母更高之后，我终于能够看到文本了。

希望这有帮助

虽然使用break all和break word，但单词warp在html中不起作用

4 个答案: