gpt4 book ai didi

html - 将包含 float 图像的 DIV 居中

转载 作者:行者123 更新时间:2023-11-28 03:40:15 27 4
gpt4 key购买 nike

我无法将其置于我的页面的中心,我做了一些研究,似乎使用“inline-block”可能是可行的方法,但我不确定如何实现。

这是我的代码:

CSS

.bar img{
float:left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}
.bar img:hover {
margin-top: 2px;
}

HTML

<div align = "center">
<img src = "images/wk5title.png">
</div>

<!--THIS IS WHAT IM TRYING TO CENTER-->
<div class = "bar" style="margin : auto; text-align: center">
<a href = "fb.html"><img src="images/fb.png"></a>
<a href = "tw.html"><img src="images/tw.png"></a>
<a href = "li.html"><img src="images/li.png"></a>
<a href = "da.html"><img src="images/da.png"></a>
</div>

最佳答案

定义宽度然后使用 margin:auto你有。这会自动将元素居中放置在页面的中心。你也应该真正改变<body background = "images/wk5bg.png" bgcolor = "#eeeeee">使用 CSS。

body {
background-image:url(image/wk5bg.png);
background-color:#eeeeee;
}
div .bar {
width:(your width here);
margin:auto;
}

关于html - 将包含 float 图像的 DIV 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11494006/

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