开发者社区> 问答> 正文

组件高度怎么自动调整

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

展开
收起
44dbrl5flifso 2024-04-10 13:19:37 94 1
来自:钉钉宜搭
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 展开评论 打赏
问答分类:
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载