tailwind css - 垂直和水平的 div

Posted 2023-03-07

技术标签:

【中文标题】tailwind css - 垂直和水平的 div【英文标题】：tailwindcss - vertically & horizontalling a div 【发布时间】：2021-12-01 22:59:45 【问题描述】：

在使用 tailwindcss 时，我似乎找不到垂直和水平居中 div 的工作方式。

这是我当前的代码，不是特别有效：

<div class="absolute flex items-center justify-center">
  <Contact />
</div>

【问题讨论】：

【参考方案1】：

试试这个example 类似<div class="grid place-items-center h-screen">

【讨论】：

那种作品，但如果你明白我的意思，我希望它在整个页面上居中？就像没有与导航栏发生冲突一样，因为在我看来这看起来是正确的。 image 你的图片链接坏了，但是如果你想垂直居中到整个页面，忽略导航栏，你可以让导航栏fixed top-0 left-0 right-0 谢谢你，完美！ ?

以上是关于tailwind css - 垂直和水平的 div的主要内容，如果未能解决你的问题，请参考以下文章