gpt4 book ai didi

html - 将屏幕中间的两个 div 与其中的图像对齐

转载 作者:行者123 更新时间:2023-11-28 12:21:25 25 4
gpt4 key购买 nike

我有以下 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。我无法将顶部/底部以及主容器(“容器”)中的图像居中。

谢谢!

最佳答案

试试这个:

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

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

关于html - 将屏幕中间的两个 div 与其中的图像对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18835766/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com