很多时候,我们在项目开发中会出现,单元格内容由于太多导致的换行问题,让表格显得非常的丑陋。下面我们就来看一下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文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
white-space 属性设置如何处理元素内的空白。
可能的值:
更多相关知识请关注前端学习网站
如果觉得《html表格怎么取消自动换行 css怎么控制表格不要自动换行?》对你有帮助,请点赞、收藏,并留下你的观点哦!