如何在同一行中的图标右侧显示文本

问题描述:

我想在右侧显示文本,该文本在code中完美对齐。我该怎么做?我不想绝对使用位置。如何在同一行中的图标右侧显示文本

.down { 
margin-top: 5px; 
border: 1px solid red; 
} 

.icontext { 
display: inline-block; 
margin-right: 8px; 
} 
+0

该文本已经在右侧对齐。你什么意思? – otinanai 2013-02-26 10:20:56

+0

它已经很好?不过请注意,在你的小提琴中,你已经给出了向上和向下的div类。第二个人不应该“失望”? – mattytommo 2013-02-26 10:21:38

+0

是的,它是对齐的,但如果你仔细看,那么你会发现文本没有对齐图标的中心。这有帮助吗?是的,它应该下降。 – 2619 2013-02-26 10:23:17

这将垂直对齐的span标签与img标签

.icontext { 
    vertical-align: middle; 
    margin-right: 8px; 
} 

.icon{ 
    vertical-align: middle; 
} 

例子:http://jsfiddle.net/ykdnB/2/

+0

它仍然不是我想要的。这两个图标看起来像是一个有点下降,第二个是一点点。 – 2619 2013-02-26 10:31:27

+0

这可能是由于图像。我认为在它们的顶部和底部有空白会产生幻觉。如果你用萤火虫布局来看它们,它们是完全对齐的。 – 2013-02-26 10:34:27

你可以使用float:left;上的图标

如果你的意思是垂直取向您需要指定icontext的行高。看到这个演示:http://jsfiddle.net/ykdnB/3/