Таблицы HTML - как сделать так, чтобы все ячейки, кроме последней, всегда были достаточно широкими?

Question

У меня есть такая таблица:

<table>
    <tbody>
        <tr>
            <td>someArg:String</td>
            <td>&ndash;</td>
            <td>This is a description about this argument.</td>
        </tr>
    </tbody>
</table>

Таблица установлена ​​на 100% ширины с использованием CSS и является динамической в ​​зависимости от ширины браузера.

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

someArg:String

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

ОтсюдаЯ просто хочу, чтобы последняя ячейка в строке использовала остаток от 100% ширины таблицы.

Как мне этого добиться?

Вот скрипка длябольше объяснений: http://jsfiddle.net/8CHMv/

Answer 1

Я хотел бы добавить класс к тд, что вы хотите, чтобы одна строка и добавить

.myClass{
   white-space:nowrap;
}

Answer 2

Возможно установить свойство пробела: nowrap в CSS первым как CSS-класс?

Подробности о nowrap здесь http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 3

<td nowrap="nowrap"> от http://www.w3schools.com/tags/att_td_nowrap.asp

Answer 4

Добавьте элемент nowrap в ваш HTML-тег TD.

Answer 5

Существует две идеи:

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

2. Если содержимое первого столбца имеет большую разницу, установите

   white-space: nowrap;

css к нему.