AI 助理
备案控制台
开发者社区 问答 正文

组件高度怎么自动调整

组件中一个tab每个tab高度不同，但是在页面引入组件组件高度不能随着内容高度自动调整

展开
收起
44dbrl5flifso 2024-04-10 13:19:37 120 分享 版权
来自： 钉钉宜搭

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 算精通
    北京阿里云ACE会长

    你可以使用CSS的Flexbox布局来使容器的高度自适应其内容。将组件的外部容器设置为flex容器，并使用flex-direction: column;和flex: 1;来允许内部的Tab容器占据剩余空间。

    .tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tab-content {
  flex: 1;
  overflow: auto; /* 如果内容超出，显示滚动条 */
}
    2024-04-10 13:56:03
    赞同 1 展开评论
问答分类：
宜搭
问答地址：
开发者社区 > 钉钉宜搭 > 问答
关联地址：
问产品> 宜搭
相关问答
宜搭
OSS的endpoint如何查看
31180
3
0
支付宝H5 下载的时候，提示 【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】
238167
10
0
this xml file does not appear to have any style in
37221
9
0
有哪些值得收藏的五个种子搜索引擎&磁力搜索引擎？
98050
16
0
互联网信息服务增值电信业务经营许可证申请资料
6950
2
0
如果购买了域名，一定要备案才能用吗
39231
36
0
com/action/joingroup?code=v1是什么意思
209706
20
0
java的官网网址是什么
34129
23
0
什么是红帽认证？
3425
1
0
企业邮箱免费版
9917
4
0