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