底部菜单 display:none ,显示是空白(还是占用地方)

"); </div> 我采用了 display:none 该div的区域显示空白,但地方还占着. 请问如何修复这个问题? 谢谢
感觉是 display: table-cell;问题. 而这个又不能不用.
我查看了css, 是 .mui-bar-tab .mui-tab-item {
display: table-cell;
width: 1%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
}

问题解答


tabbar 隐藏时，无论 div 模式还是 webview 模式 （参见 Hello MUI 的两种示例），都会出现空白。

div 模式
在隐藏 tabbar 时，同时把 .mui-content 的 padding-bottom 设置为 0px 就没有空白了，显示 tabbar 时需要把 .mui-content 的 padding-bottom 原来的值（应该是 50px）再设置回来。
参考代码:

document.querySelector('.mui-content').style.paddingBottom='0px'; //就是这里

webview 模式
在隐藏 tabbar 时，同时把几个子页面的 bottom （此为 WebViewStyle）设置为 0px 就没有空白了，显示 tabbar 时需要把几个子页面的 bottom 原来的值（应该是 50px）再设置回来。
参考代码：

var subViews=plus.webview.currentWebview().children();
for(var i=0;i<subViews.length;i