css - display:table-cell和fixed width

时间:2014-09-17 11:01:55

标签: html css

我有一些divs样式display: table-cell,我希望在divs上设置固定宽度,如果不合适则截断内部文字。

HTML

<div class="row">
    <div class="cell" style="width:100px;">Should not fit in 100px</div>
</div>

CSS

 .row {
     display: table-row;
}

.cell {
    display: table-cell;
    border: solid 1px #DADADA;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

FIDDLE DEMO

有可能吗?

1 个答案:

答案 0 :(得分:10)

您可以设置max-width

<div class="cell" style="max-width:100px;">Should not fit in 100px</div>

fiddle