html - Joomla 中的表格无法正确调整大小？

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; 但不幸的是，这并没有帮助调整表格的大小。我想让 table 的宽度变短。

很遗憾，我无法提供对该网站的访问权限，因为我对链接的公开没有完全控制/许可:(。我很抱歉。

如有任何帮助/建议/解决方案，我们将不胜感激。

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 向表单元素添加了内联样式，您似乎无法编辑这些元素，这就是为什么您需要 !important 来覆盖它们。

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

如果您还没有安装它，我建议您安装 firebug 以查看它生成的 css。这可以使覆盖 css 变得容易得多。