导航栏对齐顺风左右不相等

Posted 2023-03-07

【中文标题】导航栏对齐顺风左右不相等

【英文标题】：nav bar alignment tailwind left and right not equal

【发布时间】：2021-08-01 20:31:02

【问题描述】：

这是导航栏的图像

这是我的代码：

<nav class="Vdark-2 shadow-xl">
  <div class="container mx-28 ">
    <div class="relative flex items-center h-16 justify-between">
      <div class="Vwhite-text text-4xl ml-10 myfont text-left">The Name of my website</div>

      <div class="text-right">
        <span class="Vwhite-text text-xl myfont mx-10">Home</span>
        <span class="Vwhite-text text-xl myfont mx-10">________</span>
        <span class="Vwhite-text text-xl myfont ml-10">______</span>
      </div>
    </div>
  </div>
</nav>

我的问题是，为什么两边不相等？

【参考方案1】：

您的边距有一个固定值，因此您的容器不会自动居中

将<div class="container mx-28 "> 更改为<div class="container mx-auto">

应该做的伎俩