css - дисплей: таблица-ячейка и фиксированная ширина

Question

У меня есть 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

Возможно ли это?

Answer 1

Вы можете установить max-width вместо:

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

fiddle