Css 如何避免在顺风调整窗口大小时div混乱？

你好，我有一个typescript网站 当我调整窗口的大小时，结果是这样的：

我如何避免调整和修改这些，而不受窗口大小的影响？ flex-wrap或flex-no-wrap均不起作用

用于调整大小的按钮的代码

<div className="flex-shrink-0 pt-6 text-center w-full justify-items-center items-center">
                      <button
                        type="submit"
                        className="flex-shrink-0 items-center xl:px-40 xl:py-2 border border-transparent text-base font-medium rounded-full text-white bg-sentient-blue hover:bg-indigo-500 focus:outline-none focus:border-sentient-blue-900 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150"
                      >
                        {" "}
                        Sign Up
                      </button>
                    </div>

{" "}
注册

flex flow是flex direction和flex wrap属性的缩写，它们共同定义flex容器的主轴和横轴。默认值为row nowrap

---

尝试将

flex-flow:column wrap

分配给父级

要在两个包含标记上添加类

flex-shrink-0

，以防止它们收缩

---

对不起，没用。我将在帖子中更新我的代码抱歉，没有工作。我将在帖子中更新我的代码