'align'与'text-align'的正确用法是什么?

时间:2010-09-22 23:15:41

标签: alignment text-align

我试图找出在表格单元格上使用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>

1 个答案:

答案 0 :(得分:9)

align属性是旧式标签汤HTML。喜欢CSS样式,与

一样
<td style="text-align:center">
<!-- Content -->
</td>

更好的是,给TD一个className并在样式表中设置该样式。