html table中換行

yu__yfchun125 2010-08-10 12:41:30
如何讓table中的<tr>內的<td>根據tr的長度自動換行。

如：
tr的寬度為:10
td的寬度為:1
共有10個td

則：第一行顯示10個td

當tr的寬度改為6的時候，則自動換行，第一行顯示6個td,第二行顯示4個

請問如果用javascript來實現這個功能
...全文
1315 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
please_HL 2012-06-16
  • 打赏
  • 举报
 回复
谁说不可以实现？
yu__yfchun125 2010-08-11
  • 打赏
  • 举报
 回复
已經實現了，謝謝各位的指點
list8477 2010-08-10
  • 打赏
  • 举报
 回复
自动换行不太可能
你可以获取素有td元素的个数，然后按你的规则重新编制table
zx119koko 2010-08-10
  • 打赏
  • 举报
 回复
不行的,table 在浏览器渲染时,会有一个tablelayout 属性控制,换言之,表格渲染时首先会确定一个行列关系,然后再在行列坐标里面填空渲染, 并不是简单的float模式的渲染,(float模式意思是渲染了一个td,下一个td又接着在其后面渲染,直到位置不够再换行),所以不可能的
jol_boy 2010-08-10
  • 打赏
  • 举报
 回复
table的每行都会具有相同的列的，每行拥有不同的列，就不是table，是个锯齿形状的表格，但不是table
licip 2010-08-10
  • 打赏
  • 举报
 回复
我觉得这个如果用table不太可能会实现。
yu__yfchun125 2010-08-10
  • 打赏
  • 举报
 回复
dtdxrk
你這個對tr換行td沒作用吧
dtdxrk 2010-08-10
  • 打赏
  • 举报
 回复
css
white-space:nowrap
yu__yfchun125 2010-08-10
  • 打赏
  • 举报
 回复
或者如何寫js 方法來實現這個功能。
給個可行的思路也好
zhangdeming5 2010-08-10
  • 打赏
  • 举报
 回复
每天回帖即可获得10分可用分！小技巧：教您如何更快获得可用分
yu__yfchun125 2010-08-10
  • 打赏
  • 举报
 回复
有沒有什么方法可以實現這個功能呢？

如果分不夠可以再加
hoojo 2010-08-10
  • 打赏
  • 举报
 回复 
你先看看html的基本标签用法

只能跨行，跨列。tr的td不能换行，只能是td的内容换行。可以考虑前台table
root_lee 2010-08-10
  • 打赏
  • 举报
 回复
用ul li 或者 div 会比较容易点
WebAdvocate 2010-08-10
  • 打赏
  • 举报
 回复
这是不可能的 回答完毕
草根醉秋意 2010-08-10
  • 打赏
  • 举报
 回复
貌似一行是不可以换行的。
jol_boy 2010-08-10
  • 打赏
  • 举报
 回复
表格的行和列，肯定是有其含义的，你这样随意的把上一行的某几列移动到下一行，这种情况看，你直接用ul li更合适些。

这种需求出现的场景是什么啊??看看能否用其他方式去代替，js去不断的更改每行的元素，这个量可不小
html中表格td内容自动换行
html中让表格td中的多余字体自动换行的
CSS强制单元格换行
<td width="270px" class="newLine"> <label><a>http://download.csdn.net/user/zxy397472251</a> <a>http://download.csdn.net/user/zxy397472251</a> <a>http://download.csdn.net/user/zxy397472251</a> <a>...
html td nowrap不换行属性使用方法
复制代码代码如下:<table border=”1″> <tr> <th>Poem</th> <th>Poem</th> </tr> <tr> <td nowrap=”nowrap”>Never increase, beyond what is necessary, the number of entities required to explain anything</...
深入解析HTML的table表格标签与相关的换行问题
何为table：table者Html表格也，数据之载体。下面是一个比较标准的table代码写法： XML/HTML Code复制内容到剪贴板 <table u00a0border=0 cellspacing u00a0... <td>AUG</td>  <td>18</td>  </tr>  </table
itext生成pdf解决中英文换行问题
导入 <dependency> <groupId>org.xhtmlrenderer</groupId> <artifactId>core-renderer</artifactId> <version>R8</version> </dependency> 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar
JavaScript

87,922

社区成员

224,618

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章