2009-07-18 29 views
1

大我有這樣的事情:HTML表格是不是瀏覽器的窗口

<table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    ... more rows to come 
</table> 

基本上3有很短的文字,我想他們是<nobr>。另一個可以有很長的文本,我希望它佔用所有剩餘的空間。但是會發生什麼情況是表格比整個瀏覽器窗口更大以容納大列。如果文本是真的是大,它最終會中斷,但它仍然在窗口外很大。

我試着設置寬度,最大寬度,但沒有運氣。我究竟做錯了什麼?

+0

你能提供一個真實世界的例子嗎? – janhartmann 2009-07-18 10:34:59

+0

你在哪個瀏覽器中看到問題? – random 2009-07-18 10:46:49

回答

3

你的例子的確如Zyphrax所說的那樣好。

只有在長列中有一個非常大的單詞或內容中沒有空格時,纔會發生報告的問題。是這樣嗎?可能是因爲您正在使用&nbsp;而不是空格,並且阻止了瀏覽器自動執行的正常換行。

如果列中的文本根本沒有打包,大多數情況下您使用的是&nbsp;,或者您忘記關閉<nobr>

不知道這是否有幫助。

1

我只是把它扔進我的瀏覽器(試過IE8和Firefox)。它留下很好的瀏覽器窗口內:

<html> 
<body> 
    <table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows.</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    </table> 
</body> 
</html> 

否則,你可能會想嘗試像招數寬度:100%保證金:0汽車;桌上的

1

您不應該使用nobr標記,它是而不是有效的HTML標記。改爲使用「white-space: nowrap」CSS。

例如。

<td style="white-space:nowrap">your long text</td> 
相關問題