为了账号安全,请及时绑定邮箱和手机立即绑定

jquery easyui 布局问题

jquery easyui 布局问题

冉冉说 2019-03-28 18:18:50
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> -->
查看完整描述

2 回答

?
猛跑小猪

TA贡献1858条经验 获得超8个赞

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<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>

 

页面效果如下:

希望对你有帮助!



查看完整回答
反对 回复 2019-03-30
?
忽然笑

TA贡献1806条经验 获得超5个赞

看你JS里面的内容是什么了,可以设置为百分比,但如果是图片,会出现拉伸或变形

查看完整回答
反对 回复 2019-03-30
  • 2 回答
  • 0 关注
  • 570 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信