如何将多个表行与单个表行对齐?

时间:2014-11-24 03:32:09

标签: html css html-table

我不确定这是怎么做的,或者是否可能。如果不是,请提供替代方案吗?

这是我在Word中制作的表格的屏幕截图,以显示我的意思:

enter image description here

我想用html表重新创建相同的东西,但我不知道该怎么做。

2 个答案:

答案 0 :(得分:1)



table, td {
  border:1px solid #999;
}

<table>
	<tr>
		<td rowspan="3">One row</td>
		<td>these</td>
		<td>are</td>
		<td>multiple</td>
	</tr>
	<tr>
		<td>rows </td>
		<td>against</td>
		<td>one</td>
	</tr>
	<tr>
		<td>row</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

你可以这样做;

<table>
    <tbody>
        <tr>
            <td rowspan="3">One row</td>
            <td>These</td>
            <td>are</td>
            <td>multiple</td>
        </tr>
        <tr>
            <td>rows</td>
            <td>against</td>
            <td>one</td>
        </tr>
        <tr>
            <td>row</td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>