Wordpress重力表单CSS用于复选框

我在这里添加了Wordpress表单：

在表格的第二页： 我有几个复选框组，每个组有2个项目

我希望它们在3列布局上对齐 所以我使用了Ready类gf\u list\u 3col

.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li 
{
  width: 33%;
  float: left;
  margin: 0 0 8px 0;
  min-height: 1.8em;
  clear: left !important;
  margin-left: 0 !important;
}

但它似乎不起作用

---

请给出一个解决方案。

对于有三个输入的复选框组，您需要删除

浮动

并添加

显示：内联块：

.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li {
    width: 33%;
    float: none;
    margin: 0 0 8px 0;
    min-height: 1.8em;
    display: inline-block;
}

如果您希望两个输入的组遵循完全相同的网格，则必须使用
.gform\u wrapper li.gfield.gf\u list\u 2col ul.gfield\u复选框li将它们作为目标：

.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li {
    width: 33%;
    float: none;
    margin: 0 0 8px 0;
    min-height: 1.8em;
    display: inline-block;
}

如果你想将两者结合起来，显然可以将它们结合起来。
谢谢：）你做得很好：）