Question

我的表中有两行和两列我使用rowspan和colspan执行以下操作。角落里会有一个牢房。请检查小提琴。我想在下面使用表创建。

我必须使用表创建它： -

<table>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

我该怎么做？我必须使用table not div或删除td的边框。我不知道这样做。我试图在谷歌找到这个问题，但我找不到任何。

Answer 1

这是您只使用表格来实现所需内容的唯一方法：http://jsfiddle.net/ZeVjU/。它使用多个表并对齐（它将适用于所有浏览器，rowspan不适用于所有浏览器）。

此外，请记住，表格单元格需要是一个矩形。你不能拥有其他类型的细胞。

<table width="200" border="1" cellpadding="2">
<tr>
    <td>
        <table border="1" align="right">
            <tr>
                <td>asdadasd</td>
            </tr>
        </table>
        asdasdasdas das das das das dasdasd as dasd asd asdas dasd asd asd as dasdas dasd a
    </td>
</tr>
</table>

Answer 2

嗯，你能用css吗？你想要文本适合单元格还是只有一个coloumn？

你当然可以部分地做到这一点：

使第一个单元格跨越两行。然后着色仍在那里的角落单元格的边框。然后你会在左边有一个长单元格（一个coloumn），在右边有两个单元格，在那里你只能看到顶部单元格。

HTML：

<table cellspacing="0">
    <tr>
        <td rowspan="2">A coloumn here</td>
        <td id="toprightcorner">A cell here with borders</td>
    </tr>
    <tr>

        <td>A cell here</td>
    </tr>
</table>

CSS：

table {
    border: solid 2px black;
}

#toprightcorner{
    border-left: solid 2px black;
    border-bottom: solid 2px black;
}

Example

如何在表中使用rowspan和colspan创建单元格

2 个答案: