Ruby on rails 链接图像CSS赢得';t中心轨道3.2
链接图像拒绝在产品框中居中。我已经尝试添加文本对齐:居中和显示:块和边距:0自动,但它不会居中!出于某种奇怪的原因,description类可以工作,而center类不能 有人能告诉我出了什么事吗 HTML: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 <%=
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对于信息,从网站上的示例来看,更少实际上看起来更像。