如何在wordpress小部件中将表格宽度设置为父div宽度答案

【问题标题】：How to set the table width to parent div width in wordpress widget如何在wordpress小部件中将表格宽度设置为父div宽度
【发布时间】：2014-02-21 04:55:02
【问题描述】：

我正在为 wordpress 编写一个插件，并在小部件包装器中使用表格布局来显示排名和游戏时间表。包含所有给定信息的一行使用大约 1000 像素的宽度。对于宽度为 260px 或 360px 的小部件，我想省略不太重要的信息以在一行中显示最重要的信息。由于 wordpress 中的可互换主题，我不知道 wordpress 中的小部件实际上会有多宽。
Half page widgets 和 narrow widget 是我当前主题的示例。根据可用的宽度，我想显示更多或更少的列来填充行。我的想法是首先将表格宽度设置为包装 div 的 innerWidth。 neokio 写道 here 我可以用类似的东西来做到这一点

$('#object').width($('#object').parent().width());

其次，我的目标是每行显示某些列，具体取决于行的宽度。我计划的实现方式是将表格宽度作为参数发送给决定显示或隐藏哪些列的 javascript 函数。

我的问题：

在 wordpress 中是否有更好的方法来做到这一点？
也许之前有人已经解决了这个问题……但我没找到……
在我的代码中嵌套上述 jQuery 的最佳做法是什么？

我所有的代码都可以在github找到。

【问题讨论】：

标签： javascript jquery html css wordpress

【解决方案1】：

如果我错了，请纠正我，但 CSS 中的 width: 100%; 不会做你想做的事情吗？它应该始终采用父元素的宽度。

table{
   width: 100%;
}

我觉得我在这里遗漏了一些相关信息。

【讨论】：

感谢您的快速回复。设置 100% 将允许我的表格使用父 div 的所有宽度，但它不会让我决定哪些列适合表格。

【解决方案2】：

我不会为此使用 JavaScript，而是使用 CSS。 IE。分配 'display: block' 子项将确保它采用可用的全宽，因此父项的宽度

【讨论】：