リンクイメージCSSはRails 3.2を中心にしません

Question

リンクイメージは、製品ボックスの中央に拒否します。私はテキストの整列を追加しようとしました：センターとディスプレイ：ブロックとマージン：0のオートになりますが、中心にはなりません！いくつかの奇妙な理由から、説明クラスは機能しますが、センタークラスは機能しません！

誰かが私に間違ったことを教えてもらえますか？

HTML：

1 <div id="container_product_photos"> 
2 
3 
4 <% @product_photos.each do |photo| %> 
5 <div class="product_box" > 
6  <%= link_to image_tag(photo.image.url(:small)), product_photo_path(photo), class: 'center' %> 
7  <p class='description'><%= photo.name %> </p> 
8 </div> 
9 <% end %> 
10  
11 </div> 

部分的なCSSファイル：B/CのHTMLリンクタグ（<a></a>）がブロックでない

5 #container_product_photos{ 
6 margin: 0 auto; 
7 width: 650px; 
8 overflow:hidden; 
9 .product_box { 
10  height: 200px; 
11  width: 180px; 
12  float:left; 
13  
14  .center { 
15  margin: 0 auto; 
16 
17  } 
18  
19  .description { 
20   width: 70px; 
21   margin: 0 auto; 
22  } 
23 } 
24 } 

Answer 1

.centerクラスはmargin:0 autoセットで何もしないだろう素子。あなたはこれを行うことができます：

.center { 
    display:block; 
    width:???px; 
    margin: 0 auto; 
} 

交換？あなたのイメージの幅で。