为什么我的元素无法在 Tailwind css 中仅以小分辨率居中？

Question

我有一个这样的元素：

  <div className= 'place-self-center md:col-start-2 md:col-end-2 p-2'>

根据文档，place-self-center 是默认设置，如果不是 md，则应该触发它。然而，这一直存在于元素上。

 <div className= 'sm:place-self-center md:col-start-2 md:col-end-2 p-2'>

也给我同样的结果。

如何确保元素仅在移动视图中居中？

Answer 1

默认情况下，Tailwind 使用移动优先断点系统，类似于您可能在其他框架中使用的系统，例如 Bootstrap。

使用不带前缀的实用程序来定位移动设备，并在较大的断点处覆盖它们。你必须 use place-self-center 喜欢这个代码：

<div class="place-self-center md:place-self-start lg:place-self-start">2</div>

Why my element fails to be centered only in small resolution in Tailwind css?