Question

我在这个div及其内容中遇到了问题。当我调整窗口大小时，它会向左或向右水平移动。

这是我的HTML代码：

  <div class="over_1">
    <span><a href="#">1.1<br/>TROUT</a></span>
    <span class="fish"> <img src="images/fish.png" /></span>
    <span class="fve"> <span>5</span></span>

</div>

这是我正在使用的CSS代码：

.over_1 {
position: relative;
width: 170 px;
top: -340px;
height: 175px;
float: left;
border-radius: 1000px;
left: 42%;
text-align: center;
}

无论窗口大小如何，我都希望图像和文本保持在中心位置。

感谢您的帮助！

Answer 1

如果删除会发生什么：左：42％; float：left;

你添加：宽度：100％

结果是你在寻找什么？

Answer 2

删除

float: left;
left: 42%;

添加

display: table;
margin: 0 auto;

要使它在IE8 +

中运行，需要

display:table

Div及其内容正在发生变化

2 个答案: