将图像中的数字居中（轨道）

Question

我希望数字在图像im中居中使用。目前，这个数字看起来只是单个数字，但是三位数它会留下背景图像。

红宝石：

 <%= image_tag("chat-bubble-icon.png", id: "comment_bubble") %> 
 <%= micropost.comments.count %>

CSS：

#comment_bubble {
  margin-left: 18px;
  margin-right: -20px;
}

解决方案是删除图像标记并使用css将其设置为comment.count

的背景

Answer 1

类似这样的事情

.comment_count{
 background: bubble.png;
 height: 100px;
 line-height:100px;
 width: 100px;
 text-align:center;
}

Answer 2

很难说没有看到更多的CSS和生成的HTML。

但是，您应该能够使用

对数字进行居中

margin:0 auto;

并删除

margin-left: 18px;
margin-right: -20px;

Answer 3

尝试：

#comment_bubble {
  margin: auto;
}