html5 文本超出,文本溢出不能与HTML5一起使用

您错误地使用了文本溢出属性。

如果要包装元素的文本，则必须指定该元素的宽度或最大宽度，以便浏览器知道如何包装文本内容。

[EDITED] 这是示例代码：

table {

display: block;

margin: 30px 0 auto 0;

/*width: 100%;*/

max-width: 900px;

text-align: left;

white-space: nowrap;

border-collapse: collapse;

z-index: -1;

table-layout:fixed;

}

td {

overflow: hidden;

white-space: nowrap;

word-wrap:break-word;

text-overflow: ellipsis;

border: 1px solid black;

}

.col1 {

width: 80px;

}

.col7 {

max-width: 300px;

}

.col8 {

max-width: 300px;

}

Col 1	Col 2	Col 3	Col 4	Col 5	Col 6	Col 7	Col 8	Col 9	Col 10
Some	Data	Stuff	foo	etc	whatever	stuff	Alotofdataikkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk	Yes	bar
Some	Data	Stuff	foo	etc	whatever	Alotofdataikkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk	stuff	Yes	bar

这里是演示截图：