首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

html table中<td>換行解决方案

2012-06-16 
html table中td換行如何讓table中的tr內的td根據tr的長度自動換行。如:tr的寬度為:10td的寬度為:1共

html table中<td>換行
如何讓table中的<tr>內的<td>根據tr的長度自動換行。

如:
  tr的寬度為:10
  td的寬度為:1
  共有10個td
  
 則:第一行顯示10個td
  
當tr的寬度改為6的時候,則自動換行,第一行顯示6個td,第二行顯示4個 

請問如果用javascript來實現這個功能

[解决办法]
表格的行和列,肯定是有其含义的,你这样随意的把上一行的某几列移动到下一行,这种情况看,你直接用ul li更合适些。

这种需求出现的场景是什么啊??看看能否用其他方式去代替,js去不断的更改每行的元素,这个量可不小
[解决办法]
貌似一行是不可以换行的。
[解决办法]
这是不可能的 回答完毕
[解决办法]
用ul li 或者 div 会比较容易点
[解决办法]

CSS code
你先看看html的基本标签用法只能跨行,跨列。tr的td不能换行,只能是td的内容换行。可以考虑前台table
[解决办法]
每天回帖即可获得10分可用分!小技巧:教您如何更快获得可用分
[解决办法]
css 
white-space:nowrap
[解决办法]
我觉得这个如果用table不太可能会实现。
[解决办法]
table的每行都会具有相同的列的,每行拥有不同的列,就不是table,是个锯齿形状的表格,但不是table
[解决办法]
不行的,table 在浏览器渲染时,会有一个tablelayout 属性控制,换言之,表格渲染时首先会确定一个行列关系,然后再在行列坐标里面填空渲染, 并不是简单的float模式的渲染,(float模式意思是渲染了一个td,下一个td又接着在其后面渲染,直到位置不够再换行),所以不可能的
[解决办法]
自动换行不太可能
你可以获取素有td元素的个数,然后按你的规则重新编制table

热点排行