HTML让表格（table）居中与让表中内容居中

HTML让表格（table）居中与让表中内容居中

1、在HTML中让表格在浏览器中左右居中，可以设置表格的align属性

align可以设置三个属性:
居中为center，靠左为left，靠右为right

我们只要在table中加入align="center"即可让表格居于网页左右方向的中间位置
如下：

<table align="center" border="1" id="t1" style="width:600px;height:200px">
	<tbody align="center" valign="center">
		<tr>
			<td>居中的表格</td>
			<td>居中的表格</td>
			<td>居中的表格</td>
		</tr>
	</tbody>
</table>

效果图：

2、在表格中，有两个属性控制居中显示

align：表示左右居中，left，center，right（左中右）

valign：控制上下居中，top, middle, bottom（上中下）

同样的，我们把属性加在tbody中即可控制表格所有内容的位置

如局中用 align=“center” valign=“center” 即可使内容局中。

我们还可以选择将属性加在tr中，可以控制一行，

将属性加在td中，可以控制一个单元格。

上述三种大约是：控制的范围越小，优先级越高。

样例代码如下

<table align="center" border="1" id="t1" style="width:600px;height:200px">
	<tbody align="center" valign="center">
		<tr>
			<td>由tbody中的属性控制</td>
			<td>由tbody中的属性控制</td>
			<td>由tbody中的属性控制</td>
		</tr>
		<tr align="left" valign="top">
			<td>由tr中的属性控制</td>
			<td>由tr中的属性控制</td>
			<td>由tr中的属性控制</td>
		</tr>
		<tr align="center" valign="middle">
			<td align="right" valign="bottom">由td中的属性控制</td>
			<td align="right" valign="bottom">由td中的属性控制</td>
			<td align="right" valign="bottom">由td中的属性控制</td>
		</tr>
	</tbody>
</table>

如果有不正确的地方，请留言指正，欢迎留言交流。