首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >word warp无法在html中工作,尽管使用了break all和break word

word warp无法在html中工作,尽管使用了break all和break word
EN

Stack Overflow用户
提问于 2017-03-15 16:14:38
回答 4查看 2.8K关注 0票数 2

我在我的项目中使用下面的代码来换行文本,但文本仍然溢出到下一个文本框。我也尝试过使用word-wrap:break-all,但它不起作用。我正在使用Chrome来测试我的代码。

在这种情况下,有没有人能建议我应该用什么来换行?

代码

代码语言:javascript
复制
<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>
EN

回答 4

Stack Overflow用户

发布于 2017-03-15 16:32:25

添加这个

代码语言:javascript
复制
word-break: break-all;  
white-space:normal;
票数 2
EN

Stack Overflow用户

发布于 2017-03-15 16:33:58

您可以使用此html

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2017-03-15 16:42:07

您应该为文本定位器提供宽度,以便自动换行可以正常工作

代码语言:javascript
复制
p.test {
    width: 100px; 
    border: 1px solid #000000;
    word-wrap: break-word;
}
代码语言:javascript
复制
<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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42804262

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档