我正在尝试通过CSS垂直居中一些内容。但是无论我怎么做,我都想不出原因。有人能告诉我为什么以下HTML中的单词“test”总是顶部对齐吗?
<html>
<head>
<title>test</title>
</head>
<body>
<table border='0' cellpadding='0' cellspacing='0'>
<tr><td style='height:200px; width:300px; background-color:silver;'>
<div style='height:100%; width:100%; background-color:gray; text-align:center;'>
<div style='vertical-align:middle;'>test</div>
</div>
</td></tr>
</table>
</body>
</html>
Thank you very much for your help!