Как дать фиксированную ширину табличной ячейки одного ряда, а другая ячейка - это реагирующая ширина, когда другие строк ⇐ 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», я не могу получить правильную границу, чтобы полностью разделить два столбца, так что это не вариант. the second 

column gets pushed to the next line on being viewed on mobile devices (I think a nth child(2) CSS command will correct what I have in the following code snippet but I don't know how to do it. Please see Select second 2nd child div from within the parents div to understand what I mean):

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

.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