展开<TD>会使内容转到下一行
展开<TD>会使内容转到下一行
提问于 2016-09-13 09:46:31
我的问题是，TD中的内容将换到下一行，而不是展开父表。我不明白table停止扩张的极限是什么。
我想要的是防止内容跳转到下一行。这里描述了这个问题，https://jsfiddle.net/9o1cvbwk/3/
- 按“加法”几次。
- 该表不断扩展到屏幕宽度的点(确定)
- 再次按下'Add‘将使'V’链接跳转到下一行，就在输入按钮( NOK )下面。
- 再次按下'Add‘将导致
table扩展到超出屏幕限制的范围( NOK -正确的展开，但没有'v’链接滑到下一行)
真的很期待你的意见。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-13 10:14:22
为了防止"V“链接跳转到下一行，只需将white-space: nowrap添加到td。
当浏览器遇到一些空格(空格、制表符等)时，white-space定义了该做什么。如果我们将其设置为nowrap，浏览器将不会包装我们的内容，如果没有合适的空间。
当表超出边界展开时，由于没有空格，"V“将折叠到下一行。
在css中添加：
td {
white-space: nowrap;
}JSFiddle：https://jsfiddle.net/66c93hgv/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39466942
复制相关文章
相似问题
腾讯云开发者
