jquery easyui 布局问题 ，能不能把style="height:100px;" 设置成按分辨的百分比设置啊 求解，新手求解

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery easyui 布局问题 ，能不能把style="height:100px;" 设置成按分辨的百分比设置啊 求解，新手求解相关的知识，希望对你有一定的参考价值。

1. <!--<body class="easyui-layout"> 2. <div region="north" title="North Title" split="true" style="height:100px;"></div> 3. <div region="south" title="South Title" split="true" style="height:100px;"></div> 4. <div region="east" iconCls="icon-reload" title="East" split="true" style="width:100px;"></div> 5. <div region="west" split="true" title="West" style="width:100px;"></div> 6. <div region="center" title="center title" style="padding:5px;background:#eee;"></div> 7. </body> -->

从理论上讲是可以用百分比的但是我自己也是遇到了同样的问题设置成百分比后界面上不显示内容，自己查阅了一下资料想出了一个解决办法，在你的body里加上一句class="easyui-layout" data-options="fit:true"之后再设置高度这时就可以设置百分比了，easyui里layout是自适应窗口有时间您可以自己研究一下 以下是我的代码请供参考：

<body class="easyui-layout" data-options="fit:true">

 <div class="easyui-layout" style="width:100%;height:100%;">
        <div region="west" split="true" title="Navigator" style="width:150px;">
            <ul>
                <li><a href="javascript:void(0)" onclick="showcontent('java')">Java</a></li>
                <li><a href="javascript:void(0)" onclick="showcontent('cshape')">C#</a></li>
                <li><a href="javascript:void(0)" onclick="showcontent('vb')">VB</a></li>
                <li><a href="javascript:void(0)" onclick="showcontent('erlang')">Erlang</a></li>
            </ul>
        </div>
        <div id="content" region="center" title="Language" style="padding:5px;">
        </div>
    </div>

 </body>

页面效果如下:

希望对你有帮助!

 参考技术A 共同好 参考技术B 看你JS里面的内容是什么了，可以设置为百分比，但如果是图片，会出现拉伸或变形

zbb20170927 jquery easyui 布局问题，把style="height:100%;" 设置成按分辨的百分比,后不显示为你痛

增加代码  data-options="fit:true" 可解决问题

<div id="cc" class="easyui-layout" data-options="fit:true" style="width: 100%; height: 100%;">
        <div data-options="region:‘north‘,title:‘North Title‘,split:true"
            style="height: 100px;"></div>
        <div data-options="region:‘south‘,title:‘South Title‘,split:true"
            style="height: 100px;"></div>
        <div
            data-options="region:‘east‘,iconCls:‘icon-reload‘,title:‘East‘,split:true"
            style="width: 100px;"></div>
        <div data-options="region:‘west‘,title:‘West‘,split:true"
            style="width: 100px;"></div>
        <div data-options="region:‘center‘,title:‘center title‘"
            style="padding: 5px; background: #eee;"></div>
    </div>

 

以上是关于jquery easyui 布局问题 ，能不能把style="height:100px;" 设置成按分辨的百分比设置啊 求解，新手求解的主要内容，如果未能解决你的问题，请参考以下文章

jquery easyUI datagrid 的宽度能不能设置成百分比

easyui dialog 能不能在弹出窗口的时候不显示遮罩，且屏蔽其他地方的点击

jquery easyui window 使用问题

有木有人知道jquery easyui的全局样式字体能不能改？

zbb20170927 jquery easyui 布局问题，把style="height:100%;" 设置成按分辨的百分比,后不显示为你痛

雷林鹏分享jQuery EasyUI 布局 - 在面板中创建复杂布局