Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/52.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 链接图像CSS赢得';t中心轨道3.2_Ruby On Rails_Css_Center - Fatal编程技术网

Ruby on rails 链接图像CSS赢得';t中心轨道3.2

Ruby on rails 链接图像CSS赢得';t中心轨道3.2,ruby-on-rails,css,center,Ruby On Rails,Css,Center,链接图像拒绝在产品框中居中。我已经尝试添加文本对齐:居中和显示:块和边距:0自动,但它不会居中!出于某种奇怪的原因,description类可以工作,而center类不能 有人能告诉我出了什么事吗 HTML: 1 <div id="container_product_photos"> 2 3 4 <% @product_photos.each do |photo| %> 5 <div class="product_box" > 6 <%=

链接图像拒绝在产品框中居中。我已经尝试添加文本对齐:居中和显示:块和边距:0自动,但它不会居中!出于某种奇怪的原因,description类可以工作,而center类不能

有人能告诉我出了什么事吗

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>

.center类不会对
margin:0 auto
set b/c执行任何操作。HTML链接标记(
)不是块元素。您可以这样做:

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

替换???使用图像的宽度。

.center类不会使用
margin:0 auto
set b/c执行任何操作。HTML链接标记(
)不是块元素。您可以这样做:

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

替换???图像的宽度。

您的css格式不正确,无法嵌套选择器。@Musa,可能是更少或scss+1对于信息,从网站上的示例来看,LESS实际上看起来更像。您的css格式不正确,您不能嵌套选择器。@Musa,可能是LESS或scss+1对于信息,从网站上的示例来看,更少实际上看起来更像。