我正在尝试删除HTML中的<center标记，但显然在某些情况下并不容易。
这个回答：HTML: Replacement for <center> 对我来说也没用。
以下示例应该以{{1}}和Foo为中心，但它不会居中Bar。这有什么不对？
Bar如果我将<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
</head>
<body>
<div style=" margin: 0 auto; text-align:center;">
Foo
<table>
<tr>
<td>Bar</td>
</tr>
</table>
</div>
</body>
</html>
替换为<div>，则所有内容都可以使用，但<center>代码已弃用...
答案 0 :(得分：5)
您当前的代码以包含div为中心，但由于它具有width: auto（默认值），因此它会扩展以填充可用的水平空间。这意味着居中将其置于与左（或右）对齐相同的位置。如果你想把这个元素居中，给它一个宽度......但它看起来不像你想做的那样。
如果您想将内联内容（例如文本“Foo”）居中，请在容器上应用text-align。
如果要对块内容（例如该表）进行居中，请将使用的自动边距应用于该块内容（而不是容器）。