2012-01-27 47 views
2

所以,如果我做一個表有兩個!important領域是這樣的:您可以使HTML「onwrap」

<table> 
    <tr> 
    <th nowrap style='width:auto !important'>Large Field 1</th> 
    <th nowrap style='width:auto !important'>Large Field 2</th> 
    </tr> 
    <tr> 
    <td>This is lots of text it will make the table wider than the screen</td> 
    <td>This is also lots of text it will make the table wider than the screen</td> 
    </tr> 
</table> 

我的問題是我想要的表格,這取決於這兩個領域的大小自動調節寬度。如果一個是空的,那麼另一個佔據大部分空間,反之亦然。問題出現的時候,他們都很長,沒有nowrap他們會佔用不止一行(我不想)。我想要的是如果瀏覽器想要打包,就可以調用一段JS。我不認爲這存在,但也許有人知道另一種選擇。我使用過PHP的trim,但是如果一個字段爲空而另一個字段已滿,則效果不佳。

請說,如果我沒有解釋得很好。

回答

0

這聽起來像是你想要做的事情與表格元素想要做的完全相反。表格元素用於格式化具有相同大小的網格中的其他元素(或文本)。如果你真的想這樣做,你應該使用<td>元素中可用的'colspan'屬性。當然,你將不得不編寫一些JavaScript(可能使用jQuery)來添加'colspan'屬性,它的值取決於表格單元格中的文本。希望有所幫助。

相關問題