摆脱标签
我试图摆脱 HTML 中的
这个答案： HTML：替换
下面的示例应该使 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>
如果我用
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您当前的代码将包含的 div 居中，但由于它具有
width: auto（默认值），因此它会扩展以填充可用的水平空间。这意味着居中会将其置于与左（或右）对齐相同的位置。如果您想将该元素居中，请给它一个宽度……但看起来这不是您想要做的。如果您想要将内联内容居中（例如文本“Foo”），请在容器上应用
text-align。如果您想要将块内容（例如该表格）居中，请将您使用的自动边距应用于该块内容（而不是容器）。
另请参阅使用 CSS 居中
Your current code centres the containing div but since it has
width: auto(the default), it expands to fill the horizontal space available. This means that being centred puts it in the same position as if it was left (or right) aligned. If you want to centre that element, give it a width … but it doesn't look like that is what you want to do.If you want to centre inline content (such as the text "Foo"), then apply
text-alignon the container.If you want to centre block content (such as that table), then apply the auto margins you are using to that block content (not the container).
See also Centring using CSS