Question

我有一个相对定位的div，我想要水平中心。此外，我希望它在页面中间的某个高度。但是使用下面的css，我可以将它放在水平中间，但它不适用于margin-top

  position:relative;
  margin: 0 auto;
  text-align:center;
  color:white;
  opacity:0.75;
  margin-top:30px;

可能有什么问题？

Answer 1

给它一个旋转;）

CSS：

.info {
width: 300px;
height: 40px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align:center;
color:white;
opacity:0.75;
background-color: #000; /*-- Specify to your liking on background color --*/
line-height: 40px;
vertical-align: middle;
}

HTML：

<div>
    <div class="inner">Post your text here</div>
</div>

这就是你要找的吗？这是jsfiddle：http://jsfiddle.net/s5PY5/7/

<强>更新

UPDATED DEMO

margin-top不使用保证金：0 auto

1 个答案: