如何在线显示此图像？

Question

我正在努力奋斗一个多小时。 我希望“up”和“down”类中的图像显示为内联。 我在俯瞰什么？

我试过也显示：内联，但它也不起作用。 如果它有用，我也使用带有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选择标记为.up的类img的所有元素。