Question

当我将<table>与<tr>和<td>一起使用时，我总是得到NxN个表而不是我想要的。

例如：

<table border = "1">
<tr> <td> Do you love peanuts? This is a very important question. </td> </tr>
<tr> <td> Yes, I do. </td> <td> No, I don't. </td> </tr>
</table>

然而，它看起来像2x2一样，在页面上创建了一个空白方块。

一个例子是here。

如何使第一行（包含一个元素）与包含两个元素的第一行相同。我不是在谈论最小化行数（在文本中）或其他什么，我的意思是只是将它延伸到那里。

Answer 1

您可以使用td标记上的属性colspan解决此问题：

<table border = "1">
	<tr> 
		<td colspan="2">
			Do you love peanuts? This is a very important question.
		</td>
	</tr>
	<tr>
		<td>
			Yes, I do.
		</td>
		<td>
			No, I don't. 
		</td>
	</tr>
</table>

选中此link

Answer 2

＆＃13;

    <html>
<head>
</head>
<body>
	<table>
		<tr> 
			<td>
				<table border="1">
					<tr>
						<td width="250px">Do you love peanuts? This is a very important question.</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table border="1">
					<tr>
						<td width="250px">
							Yes, I do.
						</td>
						<td>
							No, I don't. 
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

＆＃13;

使表格布局不均匀

2 个答案: