Новичок в веб-разработке - нужно ограничить размер ячейки (display:table-cell), следовательно, используя overflow:hidden
, если содержимое ячейки больше ширины ячейки (я хочуэто будет скрыто) содержимое не становится скрытым даже при overflow:hidden
Вот суть кода
<html>
<style type="text/css">
.table{
display: table;
}
.row{
display: table-row;
}
.cell{
display: table-cell;
}
.mod{
width: 50px;
overflow: hidden;
border:1px solid black;
}
</style>
<div class="table">
<div class="row">
<div class="cell">
Foo
</div>
<div class="cell mod">
barbarbarbarbarbar
</div>
</div>
</div>
</html>
И если ширина (в моде класса) заменяется на max-width - кажется, работает. Смущен тем, как работает с max-width, но не с width