Ширина столбца таблицы CSS

Учитывая следующее, как сделать свой последний размер автозагрузки столбца его содержимому? (Последний столбец должен иметь значение autosize-width для содержимого. Предположим, что у меня есть только 1 элемент li, который он должен сжимать, имея 3 элемента li и т.д.):

            <table cellspacing="0" cellpadding="0" border="0">
            <thead><!-- universal table heading -->
                <tr>
                    <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td>
                    <td class="tc">Type</td>
                    <th>File</th>
                    <th>Sample</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3</td>
                    <td>Division 4</td>
                    <td>Division 5</td>
                </tr>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3</td>
                    <td>Division 4</td>
                    <td class="last">
                        <ul class="actions">
                            <li><a class="iconStats" href="#">Statystyki</a></li>
                            <li><a class="iconEdit" href="#">Edytuj</a></li>
                            <li><a class="iconDelete" href="#">Usuń</a></li>

                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>

Css:

table { table-layout: fixed; width: 100%; }
table tr { border-bottom:1px solid #e9e9e9; }
table thead td, th {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("../images/sprites4.png") repeat-x scroll 0 100% ; font-weight: bold; text-align:left;}
table tr td, th { border:1px solid #D5D5D5; padding:15px;}
table tr:hover { background:#fcfcfc;}
table tr ul.actions {margin: 0;}
table tr ul.actions li {display: inline; margin-right: 5px;}

Ответ 1

Ниже вы решите проблему:

td.last {
    width: 1px;
    white-space: nowrap;
}

Ответ 2

Если вы хотите убедиться, что последняя строка не обертывается и, таким образом, размер так, как вы хотите, посмотрите

td {
 white-space: nowrap;
}

Ответ 3

Вы можете указать ширину всех, кроме последних ячеек таблицы, и добавить таблицу-макет: фиксированную и ширину в таблицу.

Вы можете установить

table tr ul.actions {margin: 0; white-space:nowrap;}

(или установите это для последнего TD, который предложил вместо Sander).

Это приводит к тому, что inline-LI не прерываются. К сожалению, это не приводит к вычислению новой ширины в содержащем UL (и этом родительском TD) и, следовательно, не авторазмер последнего TD.

Это означает: если встроенный элемент не имеет заданной ширины, ширина TD всегда вычисляется автоматически сначала (если не указано). Затем выводится его встроенное содержимое с этой рассчитанной шириной, и применяется white-space -property, растягивая его содержимое за пределы расчетных границ.

Итак, я думаю, это невозможно, не имея элемента в последнем TD с определенной шириной.

Ответ 4

используйте автоматическую и минимальную или максимальную ширину следующим образом:

td {
max-width:50px;
width:auto;
min-width:10px;
}