css - 如何内联显示这些图像？

Question

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

我也试过显示：内联，但它也不起作用。如果它有帮助，我也在使用带有 rails 的 twitter bootstrap。

页面.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正在选择具有 class 的元素下的所有 img 元素.up。 选择标签为img.up的类的所有元素。.upimg