Question

请花一点时间来运行该代码段。

我想要做的是下面的绿色框..每个复选框都展开，以便它能够与上面方框的边框对齐...

所以..不是说文本必须散布......如：

如果目前它就像

 <--------------------------Header above-------------------------------------->
   <---c1----><---c2----><----c3-----><----c4--->

我希望以上是......

 <-------c1-------><------c2------><--------c3---------><-------c4------>[Submit]

对不起，我可能搞乱了间距。但基本上是等距的间距。

我是新手..自从过去一小时以来一直试图解决这个问题，并决定将其发布在这里。有什么建议。感谢

Answer 1

我在每个输入周围添加了div.inputContainer，中心对齐并设置了width:20%，因为有5个输入。

要根据复选框的数量使其动态化，您需要执行一些脚本编写。以下是使用JQuery的示例：

var inputContainers = $('.inputContainer');
inputContainerLength = inputContainers.length;
inputContainers.width(100 / inputContainerLength + '%');

Answer 2

您可以将输入显示为table-cell，将它们全部包装在呈现为table-row的div中，并将display-table和100％宽度放在容器上（{{1 }}）。

这会强制浏览器均匀分发单元格