0

下面给出的代码不能在 mozilla 和 Internet Explorer 中运行，但可以在 google chrome 中正常运行。我使用了wordpress网站主页的索引模板中的代码。

代码：

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

请让我知道是什么问题？

4

3 回答 3

2

<div>里面无效<h1>。相反，只需将必要的属性应用于标题：

<h1 style="background: #808080; text-align: center;">Welcome to...</h1>
于 2012-07-19T02:37:59.227 回答
0

div 和 h1 都是块级元素，不需要将 h1 外部添加到 div，所以试试这个：

<div  style="display:block; background: #808080;text-align:center;">
    Welcome to Braddocks blog. Free dating advice from a world famous Dating Coach!
</div>
于 2012-07-19T02:42:50.907 回答
0

在 Firefox 中对我来说效果很好。不过前面的答案是正确的。h1 必须在 div 内（对于 seo，每页应该只有一个 h1）。text-align:center在 div 和 div上执行 a以使margin: 0 autodiv 居中。如果要将 h1 内的文本左对齐text-align: left，请在 h1 上放置 a。我不鼓励内联样式。

<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>
于 2012-07-19T02:43:54.913 回答