Как установить минимальную ширину ячеек таблицы, кроме последнего столбца?

это работает в Google Chrome, по крайней мере. (jsFiddle)

HTML:

<table>
    <tr>
        <td class="shrink">element1</td>
        <td class="shrink">data</td>
        <td class="shrink">junk here</td>
        <td class="expand">last column</td>
    </tr>
    <tr>
        <td class="shrink">elem</td>
        <td class="shrink">more data</td>
        <td class="shrink">other stuff</td>
        <td class="expand">again, last column</td>
    </tr>
    <tr>
        <td class="shrink">more</td>
        <td class="shrink">of </td>
        <td class="shrink">these</td>
        <td class="expand">rows</td>
    </tr>
</table>

CSS:

table {
    border: 1px solid green;
    border-collapse: collapse;
    width:100%;
}

table td {
    border: 1px solid green;
}

table td.shrink {
    white-space:nowrap
}
table td.expand {
    width: 99%
}

td:not(:last-child){
    white-space: nowrap;
}

td:last-child{
    width: 100%;
}

используя приведенный выше код, последняя ячейка таблицы будет стараться быть как можно больше, и вы предотвратите обертывание тех, которые были до этого. Это делает то же самое, что и другие ответы, но более эффективно.

немного другая тема, но, возможно, это помогает кому-то, кто натыкается на этот вопрос, как я.
_{(Я только что видел комментарий Campbeln, который предлагает именно это после написания моего ответа ниже, так что это в основном подробное объяснение его комментария)}

у меня была проблема наоборот: я хотел установить один столбец таблицы на минимальную ширину, не разбивая его на пустое пространство (последний столбец в следующем примере), но ширина другого должна быть динамической (включая разрывы строк):

-----------------------------------------------------------------------------------
element1 | data      | junk here which can   | last column, minimum width, one line
                       span multiple lines
-----------------------------------------------------------------------------------
elem     | more data | other stuff           | again, last column
-----------------------------------------------------------------------------------
more     | of        | these                 | rows
-----------------------------------------------------------------------------------

простое решение:

HTML

<table>
  <tr>
    <td>element1</td>
    <td>data</td>
    <td>junk here which can span multiple lines</td>
    <td class="shrink">last column, minimum width, one line</td>
  </tr>
  <tr>
    <td>elem</td>
    <td>more data</td>
    <td>other stuff</td>
    <td class="shrink">again, last column</td>
  </tr>
  <tr>
    <td>more</td>
    <td>of</td>
    <td>these</td>
    <td class="shrink">rows</td>
  </tr>
</table>

CSS

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

столбцы с Класс shrink расширить только до минимальной ширины, но другие остаются динамическими. Это работает, потому что width на td автоматически расширяется, чтобы соответствовать все содержимое.

Пример Фрагмента

table {
  width: 100%;
}

td {
  padding: 10px;
}

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

<table>
  <tr>
    <td>element1</td>
    <td>data</td>
    <td>junk here which can span multiple lines</td>
    <td class="shrink">last column, minimum width, one line</td>
  </tr>
  <tr>
    <td>elem</td>
    <td>more data</td>
    <td>other stuff</td>
    <td class="shrink">again, last column</td>
  </tr>
  <tr>
    <td>more</td>
    <td>of</td>
    <td>these</td>
    <td class="shrink">rows</td>
  </tr>
</table>

вы можете установить фиксированную ширину, поместив div бирка внутри td

table {
    border: 1px solid green;
    border-collapse: collapse;
    width:100%;
}

table td {
    border: 1px solid green;
}

table td:nth-child(1) {
  width: 1%;
}

table td:nth-child(1) div {
  width: 300px;
}

<table>
    <tr>
        <td><div>element1 element1 element1 element1 element1 element1 </div></td>
        <td>data</td>
        <td>junk here</td>
        <td>last column</td>
    </tr>
    <tr>
        <td><div>element2</div></td>
        <td>data</td>
        <td>junk here</td>
        <td>last column</td>
    </tr>
    <tr>
        <td><div>element3</div></td>
        <td>data</td>
        <td>junk here</td>
        <td>last column</td>
    </tr>
</table>

https://jsfiddle.net/8bf17o1v/

Если вам нужно несколько строк текста в ячейке таблицы.

не используйте white-space: nowrap использовать white-space: pre; вместо.

в ячейке таблицы избегайте любого формата кода, такого как новые строки и отступы (пробел), и используйте <br> для установки новой строки/строки текста. Вот так:

<td>element1<br><strong>second row</strong></td>

демо на CodePen