Question

我有这样的事情：

<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>。另一个可以有很长的文本，我希望它占用所有剩余的空间。但是会发生的事情是，表格比整个浏览器窗口大，以容纳大列。如果文本真的大，它最终会破坏，但它仍然会在窗外显示。

我尝试设置宽度，最大宽度，但没有运气。我做错了什么？

Answer 1

你的例子肯定表现得像Zyphrax所说的那样。

只有在长列中有一个非常大的单词或内容中没有空格的情况下，才会报告您报告的问题。是这样的吗？可能是您正在使用 而不是空格，并且它阻止了浏览器自动执行的正常包装。

如果列中的文字根本没有包装，大多数情况下您正在使用 ，或者您忘记在某处关闭<nobr>。

不确定是否有帮助。

Answer 2

我把它扔进了我的浏览器（尝试过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>

否则你可能想在桌子上尝试 width：100％或 margin：0 auto; 等技巧。

Answer 3

您不应该使用nobr标记，不是有效的HTML标记。请改用“white-space: nowrap”CSS。

例如

<td style="white-space:nowrap">your long text</td>

HTML表格大于浏览器的窗口

3 个答案: