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。截图?你说得对。我的一行有一个巨大的“单词”(没有空格)。我没看见,因为它在我桌子的下面很远。谢谢你说得对。我的一行有一个巨大的“单词”(没有空格)。我没看见,因为它在我桌子的下面很远。谢谢