摆脱<center>标签

rmf*_*low 1 html html-table center w3c-validation

我试图<center在我的HTML中删除标记,但显然在某些情况下并不那么容易.

答案:HTML:<center>的替换 对我来说也不起作用.

下面的例子应该是中心组FooBar,但它不居中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>
Run Code Online (Sandbox Code Playgroud)

如果我替换<div><center>then然后一切都工作,但<center>标签已被弃用...

Que*_*tin 5

您当前的代码以包含div为中心,但由于它具有width: auto(默认值),因此它会扩展以填充可用的水平空间.这意味着居中将其置于与左(或右)对齐相同的位置.如果你想把这个元素居中,给它一个宽度......但它看起来不像你想要做的那样.

如果要将内联内容(例如文本"Foo")居中,则应用于text-align容器.

如果要对块内容(例如该表)进行居中,则将正在使用的自动边距应用于该块内容(而不是容器).

另请参阅使用CSS居中