原生table中td内使用white-space:nowrap的

原生table中td内使用white-space:nowrap的问题

背景：在使用原生table中td内添加了div/span元素，文字超出父元素宽度时，使用'...'省略超出的内容
问题：当td内的元素如：div标签，在使用css(text-overflow:ellipsis;overflow: hidden;white-space:nowrap;)时，页面出现了横向滚动条，如下图：

解决方法：在当前元素的父元素display:table下添加table-layout: fixed;即可。如下图：