html table中<td>換行解决方案
日期：2014-05-16 浏览次数：20444 次
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 会比较容易点
------解决方案--------------------
如何讓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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
