我试图将div放在另一个div中.
我尝试了以下 HTML和CSS
我尝试了以下 HTML和CSS
<div class="header">
<div class="homeImageText">
<h1>Document Preparation Like Never Before</h1>
</div><!--homeImagetext end-->
</div>
CSS
.homeImageText {
left:0; right:0;
top:0; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
}
header{
background: url(../images/header1.png) center center no-repeat; ;
height: 600px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
解决方法
Demo Fiddle
对于垂直居中,将包装div设置为display-table,子设置为：table-cell with vertical-align：middle.然后可以使用text-align：center完成水平居中;
试试CSS：
.header {
height: 600px;
display:table;
width:100%;
}
.homeImageText {
height:100%;
display:table-cell;
vertical-align:middle;
text-align:center;
}
