我正在使用HTML,我需要在页面中心插入一个带有颜色填充,宽度受限背景的标题,这样标题元素的颜色填充不会覆盖整个页面空间。
继承我的代码:
<head>
<h1 style="text-align:center;background-color: white;max-width: 500px;">Support</h1>
</head>
正如此代码所示,它将文本集中在元素宽度的范围内,而不是页面。整个页面都有一个背景图片,我希望尽可能不被发现。我可以通过排除宽度限制来居中文本,但这会导致元素背景通过页面的宽度。我想要颜色填充的标题元素背景,以帮助从页面背景弹出文本。
答案 0 :(得分:1)
你可能会尝试在它周围加一个div,比如
<div style="width:100%;margin:auto;text-align:center">your H1 tag here</div>
此外,请按照Pamblam的说法:不要将其放在<head>
标记中,而是放在<body>
标记中。
答案 1 :(得分:1)
根据this
head元素是元数据的容器(有关数据的数据)和 放在html标记和body标记之间。
HTML元数据是有关HTML文档的数据。元数据不是 显示。
元数据通常定义文档标题,字符集,样式, 链接,脚本和其他元信息。
回到你的问题包装div标签中的代码将是一个很好的解决方案。
说到居中元素,你可以在这里找到非常好的工具http://howtocenterincss.com/