文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
如何在小屏幕上隐藏标签？
P粉520204081
P粉520204081 2023-08-17 12:53:57
[JavaScript讨论组]
0 1 1281
举报
<p>我有一个带有标签和图标的 antd 菜单。 这是设计的最小表示。 Codesandbox</p> <p>现在我想要的是当菜单开始显示省略号时隐藏标签，只显示图标。由于我对 CSS 不太熟悉，我想知道是否可以通过 antd 来实现这个功能。</p>
P粉520204081
P粉520204081

全部回复(1)
P粉785905797
P粉7859057972023-08-18 11:16:22 1楼

您需要使用媒体查询，并在特定尺寸以下将标签设置为display none。

@media only screen and (max-width : 768px) {
    span.ant-menu-title-content {
    display: none;
    }
}

我个人建议您使用上面这个（它是在桌面和移动设备之间切换最常用的方法）

最后，请考虑使用justify-content: center来在移动设备上将菜单项居中显示 :)

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部