Question

我目前正在尝试使用Joomla创建一个简单的网站。我上传了名为Form Maker Lite的Joomla扩展调查，目的是创建调查/调查问卷。

我将此扩展程序发布到我的基于Joomla的网站，遗憾的是我无法调整表格的大小。我尝试使用width: px来调整表的大小，但它没有工作。

以下是该表的当前自动生成的CSS：

   #form10 .wdform-matrix-table {
   display: table;
   border-spacing: 0px
   }

我在这里复制HTML时遇到了麻烦，所以我尝试使用它（结果没有按预期显示，它意味着以表的形式出现） - My JSFiddle

我也尝试过使用table-layout: fixed; overflow: hidden;，但不幸的是，这无助于重新调整表格的大小。我希望缩短表格的宽度。

不幸的是我无法访问该网站，因为我没有完全控制/许可链接的宣传:(。我很抱歉。

任何帮助/建议/解决方案都将不胜感激。

Answer 1

快速查看组件后，以下样式似乎通过覆盖默认设置为表单设置了100％像素的宽度。

<style>
.wdform_section {
    width:100% !important;
}

.wdform_column {
    width:100% !important; 
}

.wdform-field,.wdform_row {
    width:100% !important; 
    display:block !important;
}
.wdform-element-section {
    width:80% !important; 
}

.wdform-label-section {
    width:20% !important; 
}

</style>

据我所知，Form Maker Lite为表单元素添加了内联样式，您似乎无法编辑，这就是为什么你需要！重要的是覆盖它们。

以上样式覆盖了Joomla 2.5版本中的默认“联系人”表单。它可能会为不同的形式制作不同的代码。

如果你还没有它，我建议安装firebug来查看它产生的css。这可以使重写css变得更容易。

Joomla中的表没有正确调整大小？

1 个答案: