0

現在、1ページに4枚の画像があります。ページが縮小しても中央に配置され続けるように、それらを水平方向に中央に配置したいと思います。ページが縮小しすぎる場合は、縦に積み重ねたい。

これが私がやりたいことをするサイトです: http://www.wpexplorer.me/premium/photojax/

これが私のコードです：

http://jsfiddle.net/NYcdS/

HTML

<div id="menu">
<img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png">
<img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png">
<img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png">
<img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png">

CSS

#menu {
    height: 300px;
    width: 1070px;
    background: #222;
    margin: 30px auto;
}

.blog {
    height: 300px;
    width: 250px;
}

.music {
    height: 300px;
    width: 250px;
}

.projects {
    height: 300px;
    width: 250px;
}

.bio {
    height: 300px;
    width: 250px;
}
4

1 に答える 1

2

次のような単純なものが必要なように思えます。

#menu {
    text-align: center;
    margin: auto;
}

http://jsfiddle.net/5W2C2/3/

(画像を少し小さくして、jsfiddle で何が起こっているかをより簡単に確認できるようにしました)

あれですか？

于 2013-03-28T01:52:20.580 に答える