JQuery easy_ui 布局之内容自适应问题

在使用jQuery EasyUI进行布局时,遇到内容无法自适应的问题。通过分析和调试,发现应在center区域外再包裹一层div并应用布局,同时合理使用fit属性,以实现内容自适应。调试布局应从外层开始,逐层解决高度和宽度问题,确保布局的正确性。
摘要由CSDN通过智能技术生成

最近做项目,看到很多同学,用到jquery easyui 布局时,内容不能自适应问题,在帮他们调试界面的同时,总结出一些心得:

1.easyui 布局中文参考网址http://www.zi-han.net/case/easyui/layout.html

2.举个例子给大家看看(有什么建议可以留言)

总体布局:外层的是北-中 ,中部里面有布局 北-中    好多同学在center中布局时  直接在<div region="center" class="easyui-layout" fit="true">上使用布局,这样会导致布局中的内容不会自适应,不论怎么去调试都多多少少有问题,下面这个例子是正确的。

在center部分 不要直接去使用布局,在加一层div ,在这个div 上使用布局 ,这样center布局中的布局就自适应了,还有fit=true这个属性一定要用好,不是随便用的。一般布局出现问题时,先从最外层去开始调试,一层一层往里面调,外层的高度宽度往往导致内层再完美也有缺陷。

<body id="body_layout_outer" class="easyui-layout">

      <!-- 外部Layout north部分 -->

        <div   region="north">

        </d

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值