1

上記は基本的に私の問題です。私はすでにSOに関する他のいくつかの質問を閲覧しましたが、最も近いものは約1つの要素であり、中央にある必要はありません。

私は基本的に、ここにある非表示のラッパーdivに3つの画像を並べています：http： //korilu.nl/maurits/search.html

私が欲しいのは、小さい2つの画像が1つクリックされたときに上下しないようにすることです。上記の質問で提案されているように、ラッパーと画像
を配置しようとしましたが、それらはもう中央ではなく、左上隅で互いに重なり合っています。どうすればよいですか？position:relative;position:absolute; bottom:0;

編集：または上部または中央、彼らが動かなくなる限り、私は気にしません

4

3 に答える 3

2

jQueryスクリプトを変更する必要があります。

$("a").click(function(){
                $(current).animate({
                    opacity: .5,
                    height: '100px', 'margin-top': '100px'
                });
                $("img", this).animate({height: '200px','margin-top': '0px', opacity: 1});
                current = "#" + $(this).find("img").attr("id");
            });

マージントップの2つの新しい出現に注意してください。あなたのサイトでそれを試してみて、あなたがそれを望むように動作します。

于 2012-04-29T15:43:29.363 に答える
1 
#icons
{
  text-align:center;
  height:20%;
  display: block;
  width: 405px;
  margin: 0 auto;
}
#icons a
{
  float: left;
}

現在リンクの1つにあるマージン/パディングを取り除きます。幅を405pxに設定しました。これは、スタイリングによって、そのうちの1つを次の行にプッシュする可能性があるためです。

于 2012-04-29T15:39:03.673 に答える
0

ラッパーのdivも相対的なものにしてみてください。そうすると、ドキュメント全体ではなく、絶対プロパティがラッパーからカウントされます。

次に、left：0を設定して配置できます。下：0; そして右：0; 下：0; 左右のアイコン用。

于 2012-04-29T15:40:46.223 に答える