画像の中心を合わせる

Question

このレイアウトを取得するのに役立つCSSの教師がいますか？

.cover { 
    float:left; 
    margin-left:-50px; 
} 

、そこから行く：私はここにある何

は

<div class="movieList"> 
<div class="image" selected = true> 
<img class="poster" src="image1" selected = true/> 
</div> 
<div class="image"> 
<img class="poster" src="image1"/> 
</div> 
<div class="image"> 
    <img class="poster" src="image2"/> 
</div> 
. 
. 

</div> 

おかげで

Answer 1

スタートです。

例：http://jsfiddle.net/steve/T2qHR/（中心、純粋なCSS、効果を大きく）

Answer 2

あなたはその後、中央にそのコンテナを揃えたい場合は、スティーブは正しい答えを持っているよりも、それらを表示したい場合は、次の

.cover { 
    margin: 0 auto; 
    width:600px; 
} 

Answer 3

あなたのCSS

0123でこの http://www.jsfiddle.net/hKQcX/4/

$(function(){ 

    $('.movie').live('mouseover', function(){ 

    var $movie = $('.movie'); 
    $movie.css('z-index', 0); 
    $movie.css('opacity', .50); 
    $movie.css('width', '100px'); 
    $movie.css('height', '150px'); 
    $movie.css('margin-top', '0'); 

    var $this = $(this); 
    $this.css('z-index', 100); 
    $this.css('opacity', 1.00); 
    $this.css('width', '120px'); 
    $this.css('height', '180px'); 
    $this.css('margin-top', '-15px'); 

    }); 

    var i=0; 
    for (i;i<10;i++){ 
    if(i%2==0) 
     $('#container').append('<div class=\"movie red \"></div>'); 
    else 
     $('#container').append('<div class=\"movie green\"></div>') 
    } 
}); 

を参照してください。