区块导航
一种导航风格css3导航条,其中一个或多个元素与其余导航项分开。
一种常见的导航样式是将一个元素推离其他元素。 我们可以使用弹性盒来实现这一点,而不是将两组项目打包到两个单独的弹性容器中。
注意:下载此示例
这种样式将手动外边距(自动边距)与拉伸袋相结合,以将物品分开。
手动外部距离会吸收其应用方向上的所有可用空间。 这就是手动边距居中的工作原理 - 块的两侧都有一个边距试图占据所有空间css3导航条,从而将块推到中间。
在这些情况下,右侧的手动引导会占用所有可用空间并将项目推到右侧。 您可以将类推送应用到列表中的任何项目。
BCD 表仅在浏览器中加载
每种布局方法都有不同的浏览器支持。 请参阅下表,了解所用属性的基本支持的详尽列表。
弹性盒
发现此页面内容有问题? 想更多地参与吗? 了解如何做出贡献。
本页面最后一次由 MDN 贡献者于 2023 年 5 月 25 日修改。