如何在元素较窄时使元素居中，但在比容器宽时如何向左对齐？
How to center an element when it is narrow but align to the left when it is wider than the container?
在全屏模式下显示元素时，如果宽度小于屏幕（容器），我需要将元素（用红色矩形突出显示）居中。为此，我使用了 tailwindcss flex overflow-x-scroll justify-center（第 1 项）。
如果宽度大于屏幕（容器），我们希望元素在左边缘对齐。为此，我需要从 类（第 2 项）中删除 flex。
我的问题是如何让它适用于两种情况：窄和宽。
您的问题不清楚，但如果您想将元素居中放置在任何大小的容器中，只需遵循以下代码，它可能会有所帮助：
<div class="lg:w-[85%] md:w-[90%] sm:w-[95%] mx-auto">
<div class=""></div>
</div>
表示在大屏幕上 div 的宽度是 body 的 85% & x 方向的边距 是自动的，或者你可以将那些 类 直接应用到目标元素等等，适用于中小屏幕尺寸。这是一个基本的 CSS 基础，但与 tailwindcss
一起应用
在全屏模式下显示元素时，如果宽度小于屏幕（容器），我需要将元素（用红色矩形突出显示）居中。为此，我使用了 tailwindcss flex overflow-x-scroll justify-center（第 1 项）。
如果宽度大于屏幕（容器），我们希望元素在左边缘对齐。为此，我需要从 类（第 2 项）中删除 flex。
我的问题是如何让它适用于两种情况：窄和宽。
您的问题不清楚，但如果您想将元素居中放置在任何大小的容器中，只需遵循以下代码，它可能会有所帮助：
<div class="lg:w-[85%] md:w-[90%] sm:w-[95%] mx-auto">
<div class=""></div>
</div>
表示在大屏幕上 div 的宽度是 body 的 85% & x 方向的边距 是自动的，或者你可以将那些 类 直接应用到目标元素等等，适用于中小屏幕尺寸。这是一个基本的 CSS 基础，但与 tailwindcss
一起应用