Как дать фиксированную ширину табличной ячейки одного ряда, а другая ячейка - это реагирующая ширина, когда другие строк ⇐ Html

[Anonymous]

У меня есть следующая таблица: < /p>

Код: Выделить всё

Some text here[/b][b]Some other text here[/b][b]

Some other text here[/b][b]
QUIT[/b]

Код: Выделить всё

Responsive width column's text here[/b]

Код: Выделить всё

Some other text here[/b]

Код: Выделить всё

Some other text here[/b][b]Some other text here[/b][b]


< /code>
< /div>
< /div>
< /p>
вот как он выглядит теперь с столбцом с «quit», напечатанной в том же ширине, что и столбец справа (ширина колонны с «quit».  255); "class =" fontbody "valign =" center "width =" 18% "> 

- в то время как ширина столбца справа составляет 34%, но в настоящее время они показаны как будто оба ширины 50% каждый):

Код: Выделить всё

|Some text here      | Some other text here                            |
|                    |QUIT(same width)|Responsive width column's text  |
|Some other text here|                                                 |
|                    | Some other text here                            |
|Some other text here| Some other text here                            |

Тем не менее, я хочу, чтобы он выглядел так, с столбцом для «уйти», фиксированного, а все остальные имеют отзывчивую ширину, возможно, с расчетной шириной столбца, которая вычитает фиксированную ширину столбца с «quit» в нем (с css , вероятно):-
css ):

Код: Выделить всё

| Some text here      | Some other text here                    |
|                     | QUIT|Responsive width column's text here|
| Some other text here|                                         |
|                     | Some other text here                    |
| Some other text here| Some other text here                    |
< /code>
Если я использую метод «Flex», я не могу получить правильную границу, чтобы полностью разделить два столбца, так что это не вариант.  Второй столбец  < /code> подталкивается к следующей строке: < /p>


.container3 {
float: inline-block;
width: 100%;
}
.fontbody1 {
display: inline-block;
border: solid 1px;
}< /code>



Some text here[/b][b]Some other text here[/b][b]

Some other text here[/b][b]


QUIT[/b]

Код: Выделить всё

Responsive width column's text here[/b]

Код: Выделить всё

Some other text here[/b]

Код: Выделить всё

Some other text here[/b][b]Some other text here[/b]

Подробнее здесь: https://stackoverflow.com/questions/795 ... -being-res