Fiddle: http://jsfiddle.net/wTtsV/
Ячейка таблицы t2 не имеет правильного размера:
HTML:
<div id="table">
<div id="t1">a</div>
<div id="t2">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div id="t3">a</div>
</div>
CSS
body{
margin: 0;
}
#table{
display: table;
width: 100%;
}
#t1{
display: table-cell;
background-color: red;
}
#t2{
display: table-cell;
background-color: green;
}
#t3{
display: table-cell;
background-color: blue;
}
Ожидаемый результат:
Как скрыть текст в #t2
, если он слишком длинный?