复选框组如何能自动换行？不要显示在一行，再拐弯到下一行

我做了一个答题的页面，多选题使用了复选框组，放在一个单元格里，程序运行没有什么问题，就是界面设置不太美观：

1、复选框组的选项不能自动换行，一个选项占一行；

2、复选框所在的单元格无法根据选择来自动调整行高。

截图如下：

我把附件上传，供大家研究

试题-app.cpt

我的为什么没有像shiroko大神的“展示列数”功能？

简道云 nhb2318 发布于 2020-5-31 13:47 （编辑于 2020-5-31 21:48）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：4 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共5回答

最佳回答

nhb2318Lv4初级互助
发布于2020-6-18 18:27

帆软没有办法，我是通过计算每行的字数，然后添加回车符搞定的

孤陌Lv6资深互助
发布于2020-5-31 14:01（编辑于 2020-5-31 14:27）

这个实现不了只能说你调整列宽一行显示出来全部的选项

丶尛伟Lv6初级互助
发布于2020-5-31 15:47

通过SPLIT、CONCATENATE对文本进行重新分割和拼接

举报收起评论(1)

nhb2318(提问者) 你说的具体是什么意思？可不可以帮我改改CPT？注意一定要在移动端啊，我这是移动端使用

2020-05-31 21:58

shirokoLv6资深互助
发布于2020-5-31 16:30

去掉自适应，展示1列。

自动调整行高没办法

举报收起评论(3)

nhb2318(提问者) 我为什么没有展示列数这一列？你的是什么版本？

2020-05-31 21:46

shiroko 回复 nhb2318(提问者) 去掉自适应啊

2020-06-01 08:48

nhb2318(提问者) 回复 shiroko 行高是死的，不能调

2020-06-03 22:29

luojian0323Lv7资深互助
发布于2020-5-31 17:10

将下面的代码添加到控件初始化事件中：

setTimeout(function(){$(".fr-group-span").after("<br>");},100)
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);