css 如何将元素放置在相对元素旁边

nfs0ujit  于 2023-04-01  发布在  其他
关注(0)|答案(1)|浏览(103)

我有导航栏看起来像这样的标记

我希望销售文本与其他菜单项对齐,而图标大小可以不同

任何提示如何达到预期的结果?我已经尝试过玩的位置和浮动属性,但没有运气

b4wnujal

b4wnujal1#

你可以通过添加一个max-widthmax-height到一个div容器中来实现这一点,该容器围绕着你的图标。类似于这样:

<h6>
  <div style="height: 64px; width: 64px; max-height: 64px; max-width: 64px">
    <FontAwesomeIcon className="{styles.icon}" icon="{icon}" />
  </div>
  <span className="{styles.text}">{text}</span>
</h6>

相关问题