0

モバイル用の HTML サイトを構築しているため、widthすべてのデバイスでウィンドウが変化します。タイトルの場所にある行の真ん中に 2 つの画像を表示しようとしています。 window これらの 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>

しかし、結果として、ある画像が他の画像を覆っている、またはウィンドウで覆われている画像...それらを1行の中央に配置する方法についてのアイデア。

4

1 に答える 1

1

アレックスさん..

これを試して..

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

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

また、http://jsfiddle.net/7nJND/ を見て、 (eighter html または Javascript) と Result の間の真ん中をドラッグします。中央に自分の画像が表示されます。

幸運を ！

于 2013-01-12T17:39:11.120 に答える