【问题标题】:Issue positioning a position: absolute element in Tailwindcss问题定位位置:Tailwindcss 中的绝对元素
【发布时间】:2022-12-22 23:46:42
【问题描述】:

我正在处理这个 TailwindCSS 项目,我在该项目的左侧有一个徽标,在右侧有导航。两者都是居中的。因为标志是position:absolute;,所以导航在标志后面。我希望他们并肩。我正在使用flex。可能吗?我不确定 grid 是否是更好的解决方案。

这是tailwind playground的链接。

【问题讨论】:

    标签: css tailwind-css


    【解决方案1】:

    最简单的解决方案是将 padding-right 应用于徽标。

    改变这个...

    <span class="logo flex items-center">
    

    ...对此。

    <span class="logo flex items-center pr-10">
    

    请参阅snippet

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-11-26
      • 1970-01-01
      • 2013-06-16
      • 2011-11-21
      • 2010-10-28
      • 1970-01-01
      • 2014-06-18
      • 2019-06-22
      相关资源
      最近更新 更多