Авто подбор размеров ячейки в таблице

XRinat

Здравствуйте.Есть таблица
table
{
width:300px;
}
tr
{
height:30px;
}
th
{
width:100px;
}
 
</style>
 
<table border="1">
    <tr>
        <th></th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <th>1</th>
        <td>Ячейка с большим текстом</td>
        <td>bb</td>
        <td>bb</td>
    </tr>
    <tr>
        <th>2</th>
        <td>bb</td>
        <td>bb</td>
        <td>bb</td>
    </tr>
</table>
В этой таблице во 2-й строке и 2-м столбце содержится текст который не помещается в ячейку. В следствии чего данная ячейка автоматически расширяется под данное содержимое. Как сделать так что бы размер ячейки не изменялся, а содержимое показывалось только то что влезет в данные размеры на подобие как у div-а со свойствами width: 100px;height: 30px;overflow: hidden;? P.S. желательно так чтобы в ячейку не засовывать ни чего типа div-a и т.п. должен быть только текст!!!
2 ответа

XRinat

You need to set style with table-layout:fixed; along with overflow:hidden; white-space: nowrap; on the table element.


XRinat

Спасибо!!! Кому интересно по русски. Для таблицы установить свойство table-layout:fixed; для отдельных ячеек overflow:hidden; white-space: nowrap;