Question

我的网站出了问题。我在我的网站上添加了一些社交媒体图像按钮，总是那些小更改颜色的框出现在它们旁边。我不知道如何解决这个问题。

你有什么想法吗？

HTML代码段

.social{
float: right;
padding-top: 1.1rem;
}

.social ul{
list-style: none;
display: inline;
}

.social li{
padding-left: 10px;

display: inline;
}

CSS代码段

  def favorite
    @photo = Photo.find params[:id]
    if request.put?
      response = current_user.favorite_photos.new(photo: @photo)
      if !response.valid?  
       redirect_to :back
       flash[:danger] = "You have already favorited this photo"
      else
       response.save
       redirect_to :back 
       flash[:success] = "You have successfully favorited this photo"
     end
   else request.delete?
     current_user.favorites.delete(@photo)
     redirect_to :back, notice: 'You successfully unfavorited this photo' 
   end 
 end

在一天结束时，我甚至认为它与该代码无关。也许这只是一个普遍的错误。

Answer 1

我认为你看到的是锚标签的浏览器默认下划线。添加这个css样式应该摆脱那些：

JAVA

列表图像之间的小盒子

1 个答案: