0

我为移动设备构建了一个 HTML 网站，因此width每个设备上的窗口都会发生变化，我试图在行的中间显示 2 个图像 - 在标题位置，所以图像之间会有一点空间，并且在调整大小的同时窗口 我希望这 2 个图像自动移动并以相同的空间保持在行的中间。我尝试了一些代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<style>
#box {
  width: 55%;
  padding-left: 45%;
}

.imgSize {
  width: 150px;
  height: 150px;
}
</style>

<div id="box">
<div id="img1"> <image src = "http://icons.iconarchive.com/icons/sniffels/christmas/256/house-icon.png" class="imgSize"></div>
<div id="img2"> <image src ="http://icons.iconarchive.com/icons/archigraphs/collection/256/House-icon.png" class="imgSize"></div>
</div>

</html>

但是结果一个图像覆盖了另一个图像，或者被窗户覆盖的图像......任何想法如何将它们设置在一行的中间。

4

1 回答 1

1

亚历克斯先生..

试试这个..

    #box {
    width: 100%;
    text-align:center;
    background-color:#000;
    }

    .imgSize {
    width: 150px;
    height: 150px;
    align:center;
    }

还请查看http://jsfiddle.net/7nJND/并在（8 个 html 或 Javascript）和 Result 之间拖动中间。您可以在中心看到您的图像。

祝你好运 ！

于 2013-01-12T17:39:11.120 回答