让 - 秒客网

先说明，在ie中显示没有问题，其他浏览器中会出现不能对其的问题，请给位大神赐教，搞了一天也没找到解决方法~~
这是在chrome中显示出错的截图：

下面是ie中显示正常的截图：

代码如下：



<body>

<table border="1" cellspacing="0" cellpadding="3" width="700">

<colgroup span="1" width="200"></colgroup>

<thead>

<tr>

<td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td>

</tr>

</thead>

<tbody>

<tr>

<td rowspan="4">&nbsp;</td><td rowspan="4">&nbsp;</td><td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td>

</tr>

<tr>

<td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td>

</tr>

<tr>

<td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td>

</tr>

<tr id="last" style="display: none;">

<td>csdn</td><td>csdn</td><td>csdn</td><td>csdn</td>

</tr>

</tbody>

</table>

<input type="button" id="click" value="显示" onclick="last.style.display='inline';"/>

</body>

3 个解决方案

#1

onclick="last.style.display='inline“"
=》改成
onclick="last.style.display='block'"
或者onclick="last.style.display=''"
这样

#2

display=''"试一试

#3

display 属性的可选值如下：
none 此元素不会被显示。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
table-row 此元素会作为一个表格行显示（类似 <tr>）。
所以tr的显示当然要选table-row。

更多display可选值详见：http://www.w3school.com.cn/cssref/pr_class_display.asp

#1

onclick="last.style.display='inline“"
=》改成
onclick="last.style.display='block'"
或者onclick="last.style.display=''"
这样

#2

display=''"试一试