日期:2014-05-17  浏览次数:20866 次

如何处理这种特殊的Table样式换行问题.
我要实现的是单元格td里面的内容很长也不换行而是把格子撑开.
但是我使用的控件里面每次生成就会多出这样一个样式table-layout:fixed,无法实现,因此每次我都通过js的方式修改这个样式table-layout:auto;,这样做似乎太麻烦了,请问有没有别的办法处理,因为table-layout:fixed是控件默认就生成有的无法去掉,是否可以再tr或td上几个样式?请指教
HTML code

<table style="width:100%;table-layout:fixed;">
<tr>
    <td>内容很长很长....</td>
</tr>
</table>





------解决方案--------------------
应该加上了 也没多大反映吧 你写上CSS 那么你肯定是在<style>里面 或者css文件中写 那么他的优先级肯定会比自动生成的<table style="">的样式低 所以到最后还是会执行这里的CSS的 应该还是要进行js进行处理的.
------解决方案--------------------
个人认为,不可能实现。
表格宽度为100%,那他的最大宽度只能去到父级元素的宽度。所以Td 也只能到达那个程度。
这个就是百分比的局限。
除非Td的width属性加入一个具体的足够大的数值,才会打破表格百分比的限制。
------解决方案--------------------
上面说的是只使用CSS实现不了。
配合JS来修改TD的width值方能实现。
------解决方案--------------------
这种情况还是别用table了吧
------解决方案--------------------
这个意思?
<table style="width:100%;white-space:nowrap;">
<tr>
<td>内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长内容很长很长....</td>
</tr>
</table>


------解决方案--------------------
TD不加宽就行了。
------解决方案--------------------
<table summary="This table shows the yearly income for years 2004 throgh 2007" border="1" class="datalist" cellspacing="0" cellpadding="2">
<caption>年度收入 2004-2007</caption>
<tr>
<th></th>
<th>2004</th>
<th>2005</th>
<th>2006</th>
<th>2007</th>
</tr>
<tr>
<th style="">拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款拨款</th>
<td>11,980</td>
<td>12,650</td>
<td>9,700</td>
<td>10,650</td>
</tr>
</table>

在tr上不要加宽度限制就行