将Flexbox布局与angular-ui标签一起使用
[英]Using flexbox layout with angular-ui tabs
问题描述
I wan't to use flexbox layout with angular ui tabs (ui.bootstrap.tabs). 
我不会将Flexbox布局与有角度的ui选项卡（ui.bootstrap.tabs）一起使用。 I have this plunker: 我有这个矮人：
http://plnkr.co/edit/9ToL1WLwgDVT0DldMnaa http://plnkr.co/edit/9ToL1WLwgDVT0DldMnaa
I changed the ui-template thus all div's get the flexbox classes. 我更改了ui模板，因此所有div都获取了flexbox类。 Still the tab content div is not filling up the fully available space. 选项卡内容div仍未填充全部可用空间。
Any idea? 任何想法？
1 个解决方案
解决方案1
0 已采纳 2014-06-22 13:56:02
I have found a solution. 我找到了解决方案。 Here is an updated plunker: 这是更新的插件：
http://plnkr.co/edit/oswSGYApFj9sSohms0FS?p=preview http://plnkr.co/edit/oswSGYApFj9sSohms0FS?p=preview
The key is to override the display property of the '.tab-content>.active' class. 关键是要覆盖“ .tab-content> .active”类的显示属性。 By default it is set to 'display: block'. 默认情况下，它设置为“显示：块”。 It has to be set to 'display: flex'. 必须将其设置为“ display：flex”。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.