Question

我在使用link_to和image_tag方法以及CSS方面遇到了严重问题。无论出于何种原因，我无法用我写的CSS保持我的化身的圆形形状。当我只使用image_tag时，它可以很好地工作。当我同时使用link_to和image_tag时，它会将图像重新变成正方形。

这是链接

<%= link_to(image_tag(current_user.avatar_url(:thumb)), current_user, class: 'round-image-50', title:  "Profile", style: '') %>

.round-image-50 {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  height: 50px;
  width: 50px;
  overflow: hidden;
  text-align: center;
  img {
    width: 100%
  }
}

你能帮我弄明白为什么它会覆盖为它编写的CSS属性吗？

Answer 1

我必须在方法块的image_tag部分内定义类类。

<%= link_to(image_tag(current_user.avatar_url(:thumb), class: 'round-image-50'), current_user, title:  "Profile", style: '') %>

当link_to覆盖我已应用的css类时该怎么办？

1 个答案: