el-tabs 標簽底部出現卡死解決方法


elementUI使用el-tabs時,若el-tabs放在頂部能正常切換,但是如果放在有內容的div獲取是table最后面就會出現頁面卡死的問題。

一開始都找不到原因,但是后來查了資料才發現只要加入樣式后就能解決正常不卡死。所以記錄一下。

display:flex 是一種布局方式。它即可以應用於容器中,也可以應用於行內元素。是W3C提出的一種新的方案,可以簡便、完整、響應式地實現各種頁面布局。目前,它已經得到了所有瀏覽器的支持。

Flex是Flexible Box的縮寫,意為"彈性布局",用來為盒狀模型提供最大的靈活性。設為Flex布局以后,子元素的float、clear和vertical-align屬性將失效。

<tempalte>
  <div style="width: 100%;height: 100%;display:flex;flex-direction:column;">
    <el-tabs>
      <el-tab-pane>測試卡片標簽</el-tab-pane>
    </el-tabs>
  </div>
</template>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM