<center>标记与text-align </center>的显示方式不同

时间:2014-12-17 09:06:44

标签: css html5 obsolete

我刚刚在HTML5中发现<center>已过时,但在{9}}的IE9中效果很好:

http://www.w3.org/TR/html5/obsolete.html#obsolete

另一种方法是使用CSS text-align,但我得到了相互矛盾的结果:

<!DOCTYPE html>

有关如何将<body> <table style="text-align:center"> <tr> <th>Column</th> </tr> <tr> <td>Data</td> </tr> </table> <p style="text-align:center">Text</p> </body>内容和table内容集中在页面中的任何建议? (无论如何,我无法看到p有什么问题。)

1 个答案:

答案 0 :(得分:5)

  

我刚刚发现在HTML5中已经过时了(...)我无法看到它(<)的内容如此糟糕

如果它不在规范中,或者标记为过时,那么如何解释它以及它是否受支持变得越来越依赖于供应商。

截至2014年10月28日,center出现在

之下
  

以下列表中的元素完全过时,作者不得使用

您现在可能正在使用center并且它可以正常运行,但是在您的浏览器的下一个版本中,所有支持都可能会被删除,从而为您留下一个无法按预期呈现的页面。

text-align:center 以完全相同的方式将文本居中。但是,浏览器应用于center元素的任何其他样式(每个样式都有一个默认的CSS样式集,通常来自w3c recommendation)将不会出现。

您注意到的冲突结果不是由于使用center vs text-align,因为文本在不同宽度的元素中对齐。如果您将表格的宽度设置为100%,则对齐方式将类似。