我有一个包含多个单元格的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