如何在 tailwind CSS Grid 中设置列的最小内容？
Apo*_*tne 6 css reactjs tailwind-css
我的布局看起来像这样
布局代码：
const Layout = ({ children }: { children: ReactNode }) => {
return (
<div className="grid grid-cols-2 grid-rows-2">
<Head>
<title>Ystream</title>
</Head>
<nav className="row-span-2">Sidebar</nav>
<header>
<Navbar />
</header>
<main>{children}</main>
</div>
);
};
在这个包含 3 个块的网格中，我有 2 列，我希望第一列（侧边栏）的宽度为这样，min-content以便我可以按照我想要的方式灵活设置侧边栏的宽度。
准确地说，在 CSS 中你会做类似的事情grid-template-columns: min-content 1fr。
如何在 Tailwind 中复制这一点？
Apo*_*tne 15
这似乎对我有用：
grid-cols-[min-content_1fr]
这翻译成
.grid-cols-\[min-content_1fr\] {
grid-template-columns: min-content 1fr;
}
| 归档时间： |
|
| 查看次数： |
7186 次 |
| 最近记录： |