HTML表格比浏览器大';窗户
我有这样的想法:HTML表格比浏览器大';窗户,html,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&g
<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列的文本非常短,我希望它们是
。另一个可以有很长的文本,我希望它占用所有剩余的空间。但实际情况是,为了容纳较大的列,表变得比整个浏览器窗口都大。如果文本真的很大,它最终会破裂,但它仍然有点超出窗口
我尝试设置宽度,最大宽度,但没有运气。我做错了什么?我刚刚把它扔进了我的浏览器(试过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自动;在桌子上。我刚刚把它扔进了我的浏览器(尝试了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自动;摆在桌子上。你的例子肯定和Zyphrax说的一样好 只有在长列中有一个非常大的单词或内容中没有空格时,才会出现您报告的问题。是这样吗?可能您使用的是
而不是空格,这会阻止浏览器自动执行的正常换行
如果列中的文本根本没有换行,则大多数情况下您使用的是
,或者忘记关闭某个
不确定这是否有帮助。你的例子肯定和Zyphrax说的一样好 只有在长列中有一个非常大的单词或内容中没有空格时,才会出现您报告的问题。是这样吗?可能您使用的是
而不是空格,这会阻止浏览器自动执行的正常换行
如果列中的文本根本没有换行,则大多数情况下您使用的是
,或者忘记关闭某个
不确定这是否有用。您不应该使用nobr标记,它不是有效的HTML标记。改用“”CSS 例如
您的长文本
您不应该使用nobr标记,它不是有效的HTML标记。改用“”CSS
例如
您的长文本
你能提供一个真实的例子吗?你在哪个浏览器中发现问题?@Random Echo Firefox@meep这正是我的例子。停留在窗口中观看Opera、FF、IE和Chrome。屏幕截图?你能提供一个真实的例子吗?你在哪个浏览器中看到了问题?@Random Echo Firefox@meep这正是我的例子。停留在窗口中观看Opera、FF、IE和Chrome。截图?你说得对。我的一行有一个巨大的“单词”(没有空格)。我没看见,因为它在我桌子的下面很远。谢谢你说得对。我的一行有一个巨大的“单词”(没有空格)。我没看见,因为它在我桌子的下面很远。谢谢