Dar*_*rth 3 text-align alignment
我试图弄清楚在表格单元格上使用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>
Run Code Online (Sandbox Code Playgroud)
align属性是旧式标签汤HTML.喜欢CSS样式,如同
<td style="text-align:center">
<!-- Content -->
</td>
Run Code Online (Sandbox Code Playgroud)
更好的是,给TD一个className并在样式表中设置该样式.