zoukankan      html  css  js  c++  java
  • el-tabs 标签底部出现卡死解决方法

    elementUI使用el-tabs时,若el-tabs放在顶部能正常切换,但是如果放在有内容的div获取是table最后面就会出现页面卡死的问题。

    一开始都找不到原因,但是后来查了资料才发现只要加入样式后就能解决正常不卡死。所以记录一下。

    display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。

    Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。

    <tempalte>
      <div style=" 100%;height: 100%;display:flex;flex-direction:column;">
        <el-tabs>
          <el-tab-pane>测试卡片标签</el-tab-pane>
        </el-tabs>
      </div>
    </template>
  • 相关阅读:
    js代码细嚼慢咽
    HTML知识点记录

    css知识点
    算法第五章作业
    算法第五章上机实践报告
    算法第四章上机实践报告
    算法第四章作业
    算法第三章上机实践报告
    算法第三章作业
  • 原文地址:https://www.cnblogs.com/feipengting/p/13949957.html
Copyright © 2011-2022 走看看