链接图像CSS不会集中在Rails 3.2中

Question

链接图像拒绝在产品包装盒中居中。我试过添加text-align：center和display：block和margin：0 auto to但它不会中心！由于一些奇怪的原因，描述类可以工作，但中心类没有！

有人能告诉我什么是错的吗？

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文件：

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设置b / c执行任何操作HTML链接标记（<a></a>）不是块元素。你可以这样做：

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

替换???与图像的宽度。