2010-10-02 26 views
4

我想在HTML中创建一个表格。当我将窗口缩小到狭窄时,尽管窗口很窄,但窗口试图压扁一切以适应窗口,但它将单元格的内容放在不同的线上。我不希望发生这种情况。例如: -将空格放在不同行上的单词表

home about contact us 

当你缩小浏览器窗口:

home about contact 
       us 

这实在是烦人。我曾尝试将 而不是空间的空间,但它没有帮助。有谁知道解决方案?

回答

1

尝试在表格的<td>元素中添加空白的CSS属性。特别是,<td style='white-space: no-wrap;'>

1

您可以使用&nbsp;。这种方式浏览器将其视为一个字。

0
td { white-space:nowrap; } 
-1

你期望什么?

假设窗口变得更小,以至于细胞也变得小于完全适合contact us,那么您是否期望将“额外”内容隐藏起来?细胞的大小永远不会小于固定最小值?

您需要使用width广告height以及overflowoverflow)。 overflow:hidden将隐藏超过width的内容(提供了height给出)

+0

我期望的是无关紧要的,只有它做了什么以及我希望它做什么。 – RacecaR 2010-10-02 18:38:59

+0

我认为这是相关的。对于一个特定的问题,根据上下文可以有多种解决方案。在这种情况下,当我们处理窗口的大小调整时,我想要一个滚动条出现并且表格不缩小,并且您可能需要另一种方式。对于我来说,你是否想让“我们”在“联系我们”来到下一行,根本不包裹或隐藏。 – Nivas 2010-10-04 07:16:51

相关问题