如何在同一行中的图标右侧显示文本
问题描述:
我想在右侧显示文本,该文本在code中完美对齐。我该怎么做?我不想绝对使用位置。如何在同一行中的图标右侧显示文本
.down {
margin-top: 5px;
border: 1px solid red;
}
.icontext {
display: inline-block;
margin-right: 8px;
}
答
这将垂直对齐的span
标签与img
标签
.icontext {
vertical-align: middle;
margin-right: 8px;
}
.icon{
vertical-align: middle;
}
+0
它仍然不是我想要的。这两个图标看起来像是一个有点下降,第二个是一点点。 – 2619 2013-02-26 10:31:27
+0
这可能是由于图像。我认为在它们的顶部和底部有空白会产生幻觉。如果你用萤火虫布局来看它们,它们是完全对齐的。 – 2013-02-26 10:34:27
答
你可以使用float:left;
上的图标
该文本已经在右侧对齐。你什么意思? – otinanai 2013-02-26 10:20:56
它已经很好?不过请注意,在你的小提琴中,你已经给出了向上和向下的div类。第二个人不应该“失望”? – mattytommo 2013-02-26 10:21:38
是的,它是对齐的,但如果你仔细看,那么你会发现文本没有对齐图标的中心。这有帮助吗?是的,它应该下降。 – 2619 2013-02-26 10:23:17