0

我已将表格代码粘贴到 gridContainer div 中的新 div（使用 Fluid Grid Layout 选项）一切似乎都很好，但定义了单元格间距，当我尝试更改间距时没有任何反应，它保持为 0。

以下是表格标记：

<table align="center" cellpadding="0" cellspacing="15">
    <col span="7" width="160px" />
    <row span="7" width="160px" />
    <!---Row 1--->  
    <tr align="center"  height="160px">
        <td colspan="2" >
            <img src="images/buttons/Optimus.png" />
            </td>
        <td colspan="2" >
            <img src="images/buttons/MapleSim.png">
            </td>
        <td colspan="2" >
            <a href="content/maple.html" ><img src="images/buttons/Maple.png"></a>
            </td>
        <td colspan="1" bgcolor="#40b040">
            <img src="images/buttons/about_us.png">
            </td>
    </tr>

    <!---Row 2--->  
    <tr align="center"  height="160px">
        <td colspan="2" bgcolor="#40b040">
            <img src="images/buttons/QFD.white.png">
            </td>
        <td colspan="1" bgcolor="#cc00cc">
            <img src="images/buttons/learning_maple.png">
            </td>
        <td colspan="3" rowspan="2" 
            align="left" valign="top" bgcolor="#aaaaff">
            <img src="images/buttons/news.png">                 
            News will be shown here
            </td>
        <td colspan="1" bgcolor="#ff0000">
            <img src="images/buttons/services.png">
            </td>
    </tr>

    <!---Row 3--->  
    <tr align="center"  height="160px">
        <td colspan="1" bgcolor="#6766cc">
            <img src="images/buttons/events.png">
            </td>
        <td colspan="1" bgcolor="#cccc00">
            <img src="images/buttons/forum.png">
            </td>
        <td colspan="1" bgcolor="#4040ff">
            <img src="images/buttons/links.png">
            </td>
        <td colspan="1" bgcolor="#ffbf00">
            <img src="images/buttons/shopping_cart.png">
            </td>
    </tr>

    <!---Row 4--->  
    <tr align="center"  height="160px">
        <td colspan="2" bgcolor="#ff0000">
            <img src="images/buttons/commercial_users.png">
            </td>
        <td colspan="1" bgcolor="#ffbf00">
            <img src="images/buttons/student_special.png">
            </td>
        <td colspan="1" bgcolor="#40b000">
            <img src="images/buttons/student_special.png">
            </td>
        <td colspan="1" bgcolor="#ff00cc">
            <img src="images/buttons/instruction.png">
            </td>
        <td colspan="1" bgcolor="#cc00cc">
            <img src="images/buttons/learning_maple.png">
            </td>
        <td colspan="1" bgcolor="#4040ff">
            <img src="images/buttons/download.png">
            </td>
    </tr>
</table>

您可以在这一行中看到<table align="center" cellpadding="0" cellspacing="15">间距为 15，但是在检查任何浏览器时，它显示为设置为 0

任何想法如何解决它？

在此先感谢，沙哈尔

4

1 回答 1

0

好吧，我想我太仓促了。

该表似乎使用了来自boilerplate.css 的两个定义

table {
    /* [disabled]border-collapse: collapse; */
    /* [disabled]border-spacing: 0; */
}

如您所见，只需禁用它们即可解决问题。如果有任何其他选项可以在不禁用的情况下覆盖（可能使用！important），我会很高兴知道它。

于 2012-09-22T10:41:23.587 回答