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