如何將表格寬度設置爲wordpress小部件中的父div寬度

我正在爲wordpress編寫一個插件，並在小部件包裝中使用表格佈局來顯示排名和遊戲時間表。所有給出的信息的一行使用寬度大約爲1000px。對於寬度爲260px或360px的小部件，我想省略不太重要的信息，以便在一行中顯示最重要的信息。由於wordpress中可互換的主題，我不知道wordpress中的小部件實際上會有多寬。
Half page widgets和narrow widget就是我當前的主題。根據可用的寬度，我想顯示更多或更少的列來填充行。我的想法是首先將表寬度設置爲包裝div的innerWidth。 neokio寫道：here，我可以做的東西像這樣如何將表格寬度設置爲wordpress小部件中的父div寬度

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

其次是我的目標是每行顯示某些列，這取決於該行有多寬。我的計劃方法是通過將表寬度作爲參數發送給javascript函數來決定顯示或隱藏哪些列。

我的問題：

有沒有更好的辦法在WordPress做到這一點？
也許有人已經解決了這個......但我沒有找到它..
在我的代碼中嵌套上述jQuery的最佳做法是什麼？

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

來源

2014-02-18 Tom Winter

糾正我，如果我錯了，但不會在width: 100%;在CSS做你想做的事情？它應該始終採用父元素的寬度。

table{ 
    width: 100%; 
}

我覺得我在這裏錯過了一些相關信息。

來源

2014-02-18 13:11:01

感謝您的快速回復。設置100％將允許我的表使用父div的所有寬度，但它不會讓我決定哪些列將適合表格。 –

我不會爲此使用JavaScript，但CSS。 I.E.分配'display：block'，孩子會確保它佔用全部寬度，所以父母的寬度爲

來源

2014-02-18 13:11:23

如何將表格寬度設置爲wordpress小部件中的父div寬度

回答

相關問題