标签：谷歌浏览器 对比 center htm 属性 col 自身 info 效果
今天写前端的时候，在HTML表格里使用如下命令设置垂直方向的居中对齐：
<td align="center" valign="middle" colspan="5"><h2>所有图书信息</h2></td>
运行结果显示如下：
因为表头一行已经设置了valign属性为middle，所以以为结果应该是垂直居中的，不知道为什么”所有图书信息“这个二级标题是贴紧表格顶端的。查了半天百度和Google也无解，于是我在DreamWeaver中编辑了一下，发现生成的表格没有问题，突然想到是不是浏览器本身的问题（我的电脑默认浏览器是Google Chrome）。于是，我用IE浏览器试了一下，发现没有问题，果然是Google浏览器自身的问题！雷死我了！！！
接着，我把表头一行的高度设为100，把valign属性值分别设为middle和bottom，然后在谷歌浏览器里分别运行对比了一下效果：
果然，当td的height达到一定值，才能看出valign属性为middle和bottom时的差别！
我在Microsoft Edge浏览器和IE浏览器里重新运行了一下之前未经修改的代码，发现没有问题。看来不同浏览器之间确实不一样啊，小白受教了??.
<td align="center" valign="middle" colspan="5"><h2>所有图书信息</h2></td>
标签：谷歌浏览器 对比 center htm 属性 col 自身 info 效果
原文地址：https://www.cnblogs.com/chintsai/p/jcglqm.html
