jQuery MiniUI

标题: 关于mini-tabs [打印本页]

作者: 276144582    时间: 2017-7-24 18:14:05     标题: 关于mini-tabs

有如下实现代码
<div id="tab1" class="mini-tabs" style="height: 500px;">
    <div name="wfform" title="流程单"  showCloseButton="false" style="border-buttom:0px;" url="<%= actionURL%>" >
    </div>
    <div title="流程监控"  showCloseButton="false"  style="border-buttom:0px;" url="<%= request.getContextPath()             %>/process/framework/processGraph.jsp?processInstID=<%=processInstID %>">
    </div>
    <div title="操作日志"  showCloseButton="false" style="border-buttom:0px;" url="<%= request.getContextPath() %>/process/framework/processOperationLog.jsp?processInstID=<%=processInstID %>">
    </div>
</div>
由于url指向的页面大小不一样,所以如果tabs的height设置为常量的500px,会出现页面样式比较难看的情况,比如说url指向页面如果实际高度为200px,那么页面上会留下300px的空白
[attach]9574[/attach]
但是设置为百分比的情况下,页面无法正常显示
[attach]9573[/attach]
,请问各位大神,这种场景下该如何保证样式好看


作者: felt    时间: 2017-7-24 19:19:14

tabs的高度是固定的,我们建议你每个tab都设置好,将内容撑满tab区域。




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2