对齐项:中心更改子元素的宽度

Question

如果我将项目中心放在父元素中，那么子元素就会更改其宽度。

我使用顺风CSS。

​

<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"/>

<div class="flex flex-col items-center">
    <div class="mx-5">
      <div class="flex max-w-xl mx-auto border-solid border border-slate-300/50 h-10 ">
        <input type="text" class="bg-inherit outline-none">
      </div>
    </div>
  </div>

​

Answer 1

您可能需要尝试设置默认的width。我曾经在align-items: center;上遇到过类似的问题，我通过设置width: 100px;来修复它。如果它能在你的情况下起作用，但在我的情况下会起作用。

PS:你可能想编辑你的问题，使它更清楚，它有助于其他人更好地理解你的问题，从而得到更好的解决办法。