Question

下面给出的代码在mozilla和Internet Explorer中不起作用，但正确使用谷歌浏览器。我已经使用了wordpress网站主页的索引模板中的代码。

代码：

<h1>
    <div  style=" background: #808080;" align="center" >
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!
    </div>
</h1>

请告诉我这是什么问题？

Answer 1

<div>在<h1>内无效。而只是将必要的属性应用于标题：

<h1 style="background: #808080; text-align: center;">Welcome to...</h1>

Answer 2

div和h1所有块级别元素，不必要将div添加到div外部，所以试试这个：

<div  style="display:block; background: #808080;text-align:center;">
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!
</div>

Answer 3

在Firefox中适合我。之前的答案是正确的。 h1必须在div内（对于seo，每页应该只有一个h1）。在div上执行text-align:center，在div上执行margin: 0 auto以使div居中。如果你想在h1内部留下文本，那么在h1上放一个text-align: left。我会劝阻内联样式。

<div style="background: #808080; text-align: center; margin: 0 auto;" >
    <h1>Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!</h1>
</div>

为什么Div标签在Mozilla和IE中不起作用？

3 个答案: