css3导航条-区块导航

2023-08-26 0 8,114 百度已收录

区块导航

一种导航风格css3导航条,其中一个或多个元素与其余导航项分开。

一种常见的导航样式是将一个元素推离其他元素。 我们可以使用弹性盒来实现这一点,而不是将两组项目打包到两个单独的弹性容器中。

注意:下载此示例

这种样式将手动外边距(自动边距)与拉伸袋相结合,以将物品分开。

手动外部距离会吸收其应用方向上的所有可用空间。 这就是手动边距居中的工作原理 - 块的两侧都有一个边距试图占据所有空间css3导航条,从而将块推到中间。

在这些情况下,右侧的手动引导会占用所有可用空间并将项目推到右侧。 您可以将类推送应用到列表中的任何项目。

BCD 表仅在浏览器中加载

每种布局方法都有不同的浏览器支持。 请参阅下表,了解所用属性的基本支持的详尽列表。

弹性盒

发现此页面内容有问题? 想更多地参与吗? 了解如何做出贡献。

本页面最后一次由 MDN 贡献者于 2023 年 5 月 25 日修改。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css3 css3导航条-区块导航 https://www.wkzy.net/game/156505.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务