td 内容自动换行 table表格td设置宽度后文字太多自动换行

转载 2015年07月07日 11:04:09

table表格td设置宽度后文字太多导致自动换行,这是一个很常见的问题,或许很多的网友已经有了好的解决方法,如果依然有童鞋们不会的,可以参考下本文,可能会有意外的收获.

设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可
<table style="TABLE-LAYOUT: fixed" border="1" cellspacing="0" cellpadding="0" width="200">
<tbody>
<tr>
<td style="WORD-WRAP: break-word" width="20">sssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaa</td>
</tr>
<tr>
<td style="WORD-WRAP: break-word" width="20">sssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaa</td>
</tr>
</tbody>
</table>

easyui在jsp页面的td文本过长时无法自动换行的解决方法

在用easyui写后台程序的时候发现了td无法自动换行的问题,当一个td单元格里的文本过长的时候,单元格会一直拉伸,这样用户体验度会变得很差而且不美观。刚开始的代码和界面效果如下: 尝试着上网找...
  • Xanthin
  • Xanthin
  • 2015年12月18日 10:16
  • 2361

如何让table表格中td的内容自动换行

==================================================== 在实际操作中,如果表格中显示的内容不是中文时,而是纯数字或英文时,默认是不换行的,而汉字是换...
  • yjtgod
  • yjtgod
  • 2013年09月12日 00:07
  • 7009

HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?

表格中文本过长,让超出的部分显示为省略号,鼠标划过的时候显示全名,很好的解决办法。...
  • zhezhebie
  • zhezhebie
  • 2017年02月06日 13:20
  • 11127

今天抓取table里面,td设置了宽度还是不会换行,用css解决

用 style=“word-wrap:break-word;word-break:break-all” 解决。 然后去查了一些资料 记录下来。 自动换行问题,正常字符的换行是比较合理的...
  • zbz0425
  • zbz0425
  • 2012年12月07日 00:26
  • 6217

【收集】td中内容自动换行

【收集】td中内容自动换行 使用 进行页面开发,会遇到字符串很长将table撑开变形的问题,在网上搜了一些,终于找到 一个比较好用的解决方法。贴出来,方便以后使用。在table标...
  • jaray
  • jaray
  • 2013年04月09日 10:07
  • 569

ios 文字 控件 自适应 高度 宽度 CustomCell 自适应高度+uilabel自动换行+ UITextView 根据内容自动调整高度

CustomCell 自适应高度+label自动换行+ UITextView 根据内容自动调整高度 TextView在上下左右分别有一个8px的padding,当使用[NSStr...
  • hufeng825
  • hufeng825
  • 2012年07月01日 00:42
  • 3222

td 属性 noWrap 防止折行、撑开(及其它文字换行问题)

http://www.cnblogs.com/rinack/p/3532021.html 我用为td中noWrap属性来防止td数据折行 td class="text_left" noWrap...
  • leafgw
  • leafgw
  • 2016年03月18日 19:25
  • 153

遍历换行算法(table里面循环tr,td,灵活处理行和列)

0) { h++; } int j = 0; for (int k = 0; k < h; k++) { %>
  • sunvsjay1890
  • sunvsjay1890
  • 2013年04月30日 18:06
  • 7665

解决表格自动换行问题:让表格宽度根据内容长度自动伸展

这是css的一个基础问题,只需要一个css样式即可解决。 使用 white-space:nowrap样式之后的页面效果如下: 详细代码如下: Title ...
  • a2ed23
  • a2ed23
  • 2017年01月13日 17:12
  • 452

关于td里面内容不换行的解决办法

PageAdmin新版采用了Html5的文档类型声明(即:),会发现只在table中增加强制换行样式style="word-break:break-all;"已经不管用了。 解决办法:增加white...
  • qq_27791709
  • qq_27791709
  • 2017年12月18日 18:25
  • 74
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:td 内容自动换行 table表格td设置宽度后文字太多自动换行
举报原因:
原因补充:

(最多只允许输入30个字)