html表格怎么取消自动换行,css怎么控制表格不要自动换行？

很多时候，我们在项目开发中会出现，单元格内容由于太多导致的换行问题，让表格显得非常的丑陋。下面我们就来看一下css控制表格不自动换行的方法。

我们可以通过为表格添加white-space:nowrap样式设置表格内容不换行。

示例：

.dt {table-layout:fixed; width:100px;}

.dt td, .dt th{white-space:nowrap;overflow:hidden;}

文字1文字2文字3文字4文字5文字6文字7文字文字文字文字文字文字 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

效果如下：文字1文字2文字3文字4文字5文字6文字7文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

white-space 属性设置如何处理元素内的空白。

可能的值：

更多相关知识请关注前端学习网站