|
Сообщение от danik.js
|
|
У ячеек таблиц можно выставить только желаемую ширину, и она не гарантируется. Если ячейку есть куда ужать, чтобы таблица в лезла в контейнер - ячейка будет ужата. То есть потребуются дивы-распорки. В итоге слишком костыльно и некроссбраузерно получится.
|
про таблицы не спорю, а сделанная таблица на CSS ведет себя не так как обычные таблицы:
<style type="text/css">
div {
display: table-cell;
width: 100px;
min-width: 100px;
border: 1px solid #000;
}
</style>
<div>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</div>
<div>1</div>
<div>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</div>
<div>2</div>
Вариант 2, насильно пытаемся растянуть блок, никаких распорок не нужно:
<style type="text/css">
div {
display: table-cell;
width: 100px;
min-width: 100px;
border: 1px solid #000;
}
</style>
<div>рррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррр</div>
<div>1</div>
<div>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</div>
<div>2</div>
Вариант 3, не даем растягиваться:
<style type="text/css">
div {
display: table-cell;
width: 100px;
min-width: 100px;
max-width: 100px;
border: 1px solid #000;
}
</style>
<div>рррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррррр</div>
<div>1</div>
<div>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</div>
<div>2</div>
