如何使 nb-layout-column 中心和最大宽度固定答案

【问题标题】：How can I make nb-layout-column center and max width fixed如何使 nb-layout-column 中心和最大宽度固定
【发布时间】：2022-08-16 08:28:34
【问题描述】：

我在 Angular 应用程序上使用 Nebular，我希望有一个没有页眉和页脚的单列。我还在为我的 CSS 使用Tailwind，我想将列居中并为其添加最大宽度。

目前我有这样的事情：

<nb-layout class=\"place-items-center\">
  <nb-layout-column class=\"max-w-7xl\">
    <router-outlet></router-outlet>
   </nb-layout-column>
</nb-layout>

这里的问题是，当应用最大宽度时，对齐总是反对开始而不是中心。我已经尝试了每个名称中带有中心的 CSS 标签，但没有。

Nebular 的nb-layout 也有center 标签，但它使div 太小，但它居中。可能有一个标签我可以通过我的 CSS 覆盖，但我找不到它。

你可以添加任何截图吗？
@mohitmaroliya 我添加了一张照片
我的意思是为你所拥有的和你想要的样子添加单独的照片。
正如您在照片中看到的，我希望 nb-layout-column 居中而不是放置在 start

标签： html css angular tailwind-css nebular

【解决方案1】：

place-items-center 仅适用于 display: flex 或 display: grid 的上下文中

尝试

<nb-layout class="grid place-items-center">

【讨论】：