0

我有以下 html（最小）模板：

<body>
    <div class="container">
        <div class="top"><img src="img/hyphen_top.png" width="177" height="150"/></div>
        <div class="bottom"><img src="img/hyphen_bottom.png" width="117" height="6"/></div>
    </div>
</body>

仅使用 css，我想将页面/屏幕中间的“顶部”div 和“顶部”div 下的“底部”div 对齐，边距顶部为 100px。我无法将顶部/底部以及主容器（“容器”）中的图像居中。

谢谢！

4

2 回答 2

0

尝试这个：

.container {
    text-align:center;
}
.bottom {
    margin-top: 100px;
}

jsfiddle在这里：http: //jsfiddle.net/5xTLh/

于 2013-09-16T19:33:49.353 回答
0

这是一个小提琴

.container {
  width: 600px;
  margin: 20px auto;
  border: 1px solid #333;
}
.top {
  width: 300px;
  margin: 20px auto;
  text-align: center;
}
.bottom {
  width: 300px;
  margin: 100px auto 0;
  text-align: center;
}
于 2013-09-16T19:34:25.567 回答