Question

我正在制作HTML简报，我正在尝试将编码的黑色行称为Bar，将其附加到包含图像的下方行。问题是我的黑色行不包含单独的空格，并且它不连接到该行。这是我的代码段。

<table border="0" cellpadding="0" cellspacing="5" width="100%">
    <tbody>
        <tr>
            <td width="190" bgcolor="#000000">Bar</td>

            <td width="190" bgcolor="#000000">Bar</td>

            <td width="190" bgcolor="#000000">Bar</td>

        <tr>

            <td width="190" height="100" >
                <img src="/Users/Desktop/90snostalgia.jpg" alt="" width="190" height="130"/>
            </td>


            <td width="190" height="100">
                <img src="/Users/Desktop/90snostalgia.jpg" alt="" width="190" height="130"/>
            </td>

            <td width="190" height="100" >
                <img src="/Users/Desktop/90snostalgia.jpg" alt="" width="190" height="130"/>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

更改表格标签上的cellspacing ... Cellspacing =“0”...

<table border="0" cellpadding="0" cellspacing="0" width="100%">

Answer 2

这是因为cellspacing。尝试反转cellspacing和cellpadding，如下所示：

<table border="0" cellpadding="5" cellspacing="0" width="100%">

Answer 3

如果我理解正确的话，在你的CSS中添加这样的东西可以帮助你。

* { color:#fff } /** not needed. just couldn't see your fonts **/
table { width:572px }
tr td { border-left:1px solid white; padding:5px }
tr td:first-child { border-left: none }

我想要两行相邻的HTML表格

3 个答案: