html table中<td>換行

Question

如何讓table中的<tr>內的<td>根據tr的長度自動換行。如：
  tr的寬度為:10
  td的寬度為:1
  共有10個td
  
 則：第一行顯示10個td
  
當tr的寬度改為6的時候，則自動換行，第一行顯示6個td,第二行顯示4個 請問如果用javascript來實現這個功能

Answer 1

表格的行和列，肯定是有其含义的，你这样随意的把上一行的某几列移动到下一行，这种情况看，你直接用ul li更合适些。这种需求出现的场景是什么啊??看看能否用其他方式去代替，js去不断的更改每行的元素，这个量可不小

Answer 2

用ul li 或者 div 会比较容易点

Answer 3

你先看看html的基本标签用法
只能跨行，跨列。tr的td不能换行，只能是td的内容换行。可以考虑前台table

Answer 4

dtdxrk
  你這個對tr換行td沒作用吧

Answer 5

我觉得这个如果用table不太可能会实现。

Answer 6

table的每行都会具有相同的列的，每行拥有不同的列，就不是table，是个锯齿形状的表格，但不是table

Answer 7

不行的,table 在浏览器渲染时,会有一个tablelayout 属性控制,换言之,表格渲染时首先会确定一个行列关系,然后再在行列坐标里面填空渲染, 并不是简单的float模式的渲染,(float模式意思是渲染了一个td,下一个td又接着在其后面渲染,直到位置不够再换行),所以不可能的

Answer 8

自动换行不太可能  
你可以获取素有td元素的个数，然后按你的规则重新编制table