css表格省略号,在CSS表格单元格中显示省略号

我有一个包含多个单元格的100%宽度表。我希望这些单元格中的一个始终在一行white-space: nowrap中显示其内容,并且如果内容超出表格单元格text-overflow: ellipsis,则在行尾显示省略号。在CSS表格单元格中显示省略号

我遇到的问题是,表格将停止与达到单元格内容时的合同。因此,单元格的最小宽度将总是其内容的宽度,而表格将作为整体被推出。

我只是无法弄清楚如何解决这个问题:

我的HTML:

LastEditor
LastModified
Title asdasdasdas asd asd asd asdas as asd

我的CSS:

.otrCompactView {

display: table;

background: yellow;

width: 100%;

height: 100%;

}

.otrRow {

display: table-row;

}

.otrLastEditTable {

display: table;

width: 100%;

}

.otrLastEditRow {

display: table-row;

}

.otrLastEditor {

display: table-cell;

}

.otrLastEdited {

display: table-cell;

text-align: right;

}

.otrTitle {

border: 1px dotted red;

min-width: 50px;

white-space: nowrap;

}

而对于直接测试小提琴:

2013-11-22

Chris