Question

我试图创建一个网站，其中有固定附加的背景和内容然后滚动它。我主要是成功的但是在我的生活中不能让这个文本居中。我已经尝试了很多东西，你可以在CSS中看到，但它们都没有用。

我已经相对定位了break div，我想要一个跨越整个bootstrap页面的背景，并允许用户滚动内容div之间的漂亮画面。我想添加一个带有＆＃34;关于我＆＃34;的h1标签。但它不会集中。

#break {
height:400px;
background-image: url("http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-   york-skyline-at-sunset-from-high-above.jpg");
background-attachment: fixed;
z-index: 1;
position:relative;
}


#break h1 {
display: inline-block;
margin:0 auto !important;
color: white;
}

这是我的JSFiddle：http://jsfiddle.net/2jz1zr9h/ 非常感谢你！

Answer 1

尝试将text-align添加到父级，将margin-top添加到h1

＆＃13;

#break {
    height:400px;
    background-image: url("http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-york-skyline-at-sunset-from-high-above.jpg");
    background-attachment: fixed;
    z-index: 1;
    position:relative;
    text-align: center;
}
#break h1 {
    display: inline-block;
    margin: 160px auto 0 !important;
    color: white;

}

＆＃13;

		<div id='break'>
			<h1 class='text-center'>about me</h1>
		</div>

＆＃13;

Answer 2

尝试文字对齐

#break h1 {
text-align:center;
color: white;
}

http://jsfiddle.net/2jz1zr9h/1/

在相对内部居中有困难

2 个答案: