美文网首页我爱编程bug集中营
echarts图表堆在一起的问题

echarts图表堆在一起的问题

作者: 小志1 | 来源:发表于2018-02-24 16:23 被阅读0次

在引用echarts插件图标过程中,使用了bootstrap和标签切换功能,导致只有第一个导航栏有图标,后面的导航栏没有。

经过搜索查找,找到了解决方法。

.tab-content > .tab-pane,  
.pill-content > .pill-pane {  
 display: block;   
 height: 0;    
 overflow-y: hidden;   
}  
.tab-content > .active,  
.pill-content > .active {  
 height: auto;   
} 

在css里加上这段代码,就能解决导航栏的图标堆在一起的问题。

但是要注意权重,最好在这段代码前加上ID或者class

相关文章

网友评论

    本文标题:echarts图表堆在一起的问题

    本文链接:https://www.haomeiwen.com/subject/zdvftftx.html