JS控制单选组按钮上下左右居中显示

编辑
文档创建者:gxy120313 (61073 )     浏览次数:1579次     编辑次数:5次     最近更新:axing 于 2018-05-02     

目录:

1、问题描述编辑

在项目中有时会用到单选按钮组控件,有时候单元格很大,按钮就不居中,为了美观,这时候就需要用到这个js了
222

2、解决思路编辑

利用js获取该对象,然后改变它的css样式。

3、解决步骤编辑

给该控件增加初始化后事件
222
代码如下:
var el = $(this.element); var f = function() { var w = 0; var cs = el.children(); if (cs.length == 0) { setTimeout(f, 100); return; } for (var i=0; i<cs.length; i++) { w += cs.eq(i).width() + 5; } el.css({ width: w, 'margin-left': 'auto', 'margin-right': 'auto', 'height':' auto', }); } setTimeout(f, 100);

保存预览,效果如下图:

222

4.移动端效果编辑

经测试,移动端不支持此js

但是直接使用工具栏中的居中即可(PC端不能居中)

222


附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?