如何内联显示这些图像？

Question

我为此苦苦挣扎了一个多小时。 我希望“向上”和“向下”类中的图像内联显示。 我忽略了什么？

我也试过 display:inline，但它也不起作用。 如果它有帮助，我也在使用带有 rails 的 twitter bootstrap。

pages.css

  body {
  background-color: grey;
}




.up img {

  width: 30px;
  height:30px;
  padding: 5px 5px 5px 5px;
  display:inline-block;
}
.down img{
  width: 30px;
  height:30px;
  padding: 5px 5px 5px 5px;
  display:inline-block;
}

index.html.haml

  - title "Demociaki"
- for demot in @demots
  .demot
    = image_tag demot.photo.url
    %br
    .voting
      .up= link_to image_tag("up.jpeg"), vote_up_demot_path(demot), :method => :post
      .down= link_to image_tag('down.jpeg'), vote_down_demot_path(demot), :method => :post
      %h3= demot.votes_for

Answer 1

应该是img.up 和img.down 而不是up img 和down img。

.up img 正在选择类 .up 的元素下的所有 img 元素。 img.up 选择标签为img 的类.up 的所有元素。