Chakra-UI - 填充内联
Chakra-UI - padding-inline
我想弄清楚 Chakra UI 如何在组件上施加填充，以便我可以覆盖强加。
很难找出适用的地方，因为 div 上的标签在检查器中显示为随机字符串串，不反映所用 div 的名称通过脉轮 UI.
如果我使用 Chakra UI 组件（例如英雄或页面 shell），它会在水平轴上施加大量填充。我已尝试将 minW="100%" 和 p="0" 应用于我能找到的每个 Box div，但我仍然无法使组件占据屏幕的宽度（在顶层）。如果我按照 Chakra UI 提供的方式使用它，它会占用大约一半。
代码检查器显示图片中强加的 4 个设置。我怎样才能撤销它们以及如何找到 div 施加它们的名称？我想去掉水平轴上的边距和填充，但找不到覆盖。
您要更改的属性是 maxW 和 px。通过查看 Chakra UI Pro 的“Shell with sidebar”，他们将 max-width 应用于 top-most 侧边栏 div。他们还将 padding-inline-start 和 padding-inline-end 应用于相同的 div - px={0} 将覆盖它。
为了更容易找到特定的 div，您可以暂时将 className 应用于脉轮组件，例如 Box。这将使它更容易在检查器中找到。
如果您仍然找不到合适的 div，请创建一个代码沙箱，我会看看。
我想弄清楚 Chakra UI 如何在组件上施加填充，以便我可以覆盖强加。
很难找出适用的地方，因为 div 上的标签在检查器中显示为随机字符串串，不反映所用 div 的名称通过脉轮 UI.
如果我使用 Chakra UI 组件（例如英雄或页面 shell），它会在水平轴上施加大量填充。我已尝试将 minW="100%" 和 p="0" 应用于我能找到的每个 Box div，但我仍然无法使组件占据屏幕的宽度（在顶层）。如果我按照 Chakra UI 提供的方式使用它，它会占用大约一半。
代码检查器显示图片中强加的 4 个设置。我怎样才能撤销它们以及如何找到 div 施加它们的名称？我想去掉水平轴上的边距和填充，但找不到覆盖。
您要更改的属性是 maxW 和 px。通过查看 Chakra UI Pro 的“Shell with sidebar”，他们将 max-width 应用于 top-most 侧边栏 div。他们还将 padding-inline-start 和 padding-inline-end 应用于相同的 div - px={0} 将覆盖它。
为了更容易找到特定的 div，您可以暂时将 className 应用于脉轮组件，例如 Box。这将使它更容易在检查器中找到。
如果您仍然找不到合适的 div，请创建一个代码沙箱，我会看看。