在一行中显示图标和文本，每行之间具有相同的间隙

Question

请访问here，右上角有3个图标，文字正在显示

我想隐藏b / w 1st＆amp; amp;第二个图标，我也希望在第三个图标后显示文字：indian rupees。

float: right;
position: relative;
top: 29px;
z-index: 999;

请帮我找到解决方案。

提前感谢。

Answer 1

快速查看代码，图标的对齐方式稍微偏离。对于更简洁的解决方案，使用下面的伪代码，您只需执行类似这样的操作

<div id="topRightWrapper">
   <div class="miniIcons">search icon here</div>
   <div class="miniIcons">cart button here</div>
   <div class="miniIcons">person icon here</div>
   <div class="miniIcons">Currency text here</div>
</div>

然后你只需“向右漂浮”“topRightWrapper”，然后左右浮动“miniIcons”。

然后，您可能需要调整一下使用这些按钮获得的弹出功能，但不是很多。

PS：进一步查看@您的代码，您几乎就在那里，但问题是货币text / div，与其他图标不在同一个父包装中。如果你按照我上面说的相同的方式放置它们，它将起作用。你可以在绝对定位等技术上做到这一点，但这对于这么简单的事情来说是一场噩梦。希望这会有所帮助。