![](/img/trans.png)
[英]How to make a DIV centered and has almost a 100% width and a 100% height
[英]Trying to make a div background image 100% height of window and div centered
我正在尝试制作一个页面,该页面填充iPad上的屏幕,并在iPhone上具有2个黑边,因为纵横比不同。
背景图像需要保持固定的形状,而不是拉伸的。
我设法使div背景,正确的大小和形状正确,但是我无法将其居中。 有人可以帮忙吗? http://www.simonpetermedia.com/Aboutpage/about.html
html{
height:100%;
}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
height: 100%;
background: #000000;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColElsCtr #container {
position:fixed !important;
top:0;
right:0;
left:0;
bottom:0;
margin-right: auto;
margin-left: auto;
height: 100%;
background-image: url("aboutbg.jpg");
background-size: auto 100%;
background-repeat: no-repeat;
margin: 0 auto;
border: 0px solid #000000;
text-align: left;
min-height: 100%;
}
.oneColElsCtr #mainContent {
padding: 0px;
}
-->
</style></head>
<body class="oneColElsCtr">
<div id="container">
<div id="mainContent">
<h1> </h1>
<!-- end #mainContent --></div>
</div>
</body>
background-size:cover;
编辑为
background-size:contain; background-position:center;backround-color:#E2AA7B;
将此添加到#container
css
background-position: center center;
我已经在Google Chrome浏览器上打开了您的页面,并打开了元素检查器。 在您的“容器” div处,放置一个“ background-position:center;”。 使它水平粘贴到中心。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.