我想在HTML中创建一个表格。当我将窗口缩小到狭窄时,尽管窗口很窄,但窗口试图压扁一切以适应窗口,但它将单元格的内容放在不同的线上。我不希望发生这种情况。例如: -将空格放在不同行上的单词表
home about contact us
当你缩小浏览器窗口:
home about contact
us
这实在是烦人。我曾尝试将
而不是空间的空间,但它没有帮助。有谁知道解决方案?
我想在HTML中创建一个表格。当我将窗口缩小到狭窄时,尽管窗口很窄,但窗口试图压扁一切以适应窗口,但它将单元格的内容放在不同的线上。我不希望发生这种情况。例如: -将空格放在不同行上的单词表
home about contact us
当你缩小浏览器窗口:
home about contact
us
这实在是烦人。我曾尝试将
而不是空间的空间,但它没有帮助。有谁知道解决方案?
尝试在表格的<td>
元素中添加空白的CSS属性。特别是,<td style='white-space: no-wrap;'>
您可以使用
。这种方式浏览器将其视为一个字。
td { white-space:nowrap; }
你期望什么?
假设窗口变得更小,以至于细胞也变得小于完全适合contact us
,那么您是否期望将“额外”内容隐藏起来?细胞的大小永远不会小于固定最小值?
您需要使用width
广告height
以及overflow
(overflow)。 overflow:hidden
将隐藏超过width
的内容(提供了height
给出)
我期望的是无关紧要的,只有它做了什么以及我希望它做什么。 – RacecaR 2010-10-02 18:38:59
我认为这是相关的。对于一个特定的问题,根据上下文可以有多种解决方案。在这种情况下,当我们处理窗口的大小调整时,我想要一个滚动条出现并且表格不缩小,并且您可能需要另一种方式。对于我来说,你是否想让“我们”在“联系我们”来到下一行,根本不包裹或隐藏。 – Nivas 2010-10-04 07:16:51