我试图找出在表格单元格上使用align属性与使用text-align css属性之间的区别。下面的代码显示了IE与其他人的不同结果。在IE中,对齐最终对齐每个子子节点,因此文本'test'居中对齐,而在FF / Webkit中则不是这样,并且它保持左对齐。什么是正确的行为?
<!DOCTYPE html>
<html>
<head>
<style>
table { width: 60%; }
table td { border: 1px solid black; }
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td align='center'>
<table>
<tbody>
<tr>
<td>test</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
答案 0 :(得分:9)
align属性是旧式标签汤HTML。喜欢CSS样式,与
一样<td style="text-align:center">
<!-- Content -->
</td>
更好的是,给TD一个className并在样式表中设置该样式。