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 に答える