我正在做我的第一个网站，并且正在使用Bootstrap。我已经完成了导航，并且对它的外观感到满意，但是随后我试图创建一个标题并将其水平和垂直居中放置，这就是我失败的地方。
我的页面看起来像这样：http : //prntscr.com/8fb0pu
然后我添加了一个标题h1，它变成了白色背景（http://prntscr.com/8fb18g），但我无法将其居中。
如何将页眉水平和垂直居中并摆脱白色背景？
提前致谢
假设我正确理解了要求，这就是您要达到的目标吗？
的HTML
<header>
<div class="absolute-center">
<h1>Web Developer</h1>
</div>
<header>
的CSS
header {
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.absolute-center {
position: relative;
}
header h1 {
text-align: center;
text-transform: uppercase;
color: green;
background-color: transparent;
}
header {
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.absolute-center {
position: relative;
}
header h1 {
text-align: center;
text-transform: uppercase;
color: green;
background-color: transparent;
}<header>
<div class="absolute-center">
<h1>Web Developer</h1>
</div>
<header>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句