So geben Sie der Tabellenzelle einer Reihe eine feste Breite, wobei die andere Zelle reaktionsschnelle Breite ist, wenn ⇐ CSS

[Anonymous]

Ich habe die folgende Tabelle: < /p>

Code: Select all

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

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

Code: Select all

Responsive width column's text here[/b]

Code: Select all

Some other text here[/b]

Code: Select all

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


< /code>
< /div>
< /div>
< /p>
So sieht es jetzt mit der Spalte mit "beendet" aus, die in der gleichen Breite wie die Spalte rechts (die Breite der Spalte mit "Quit" in It 18% - Die vollständige HTML -Zeile der Line, die Zeile der Linie, die Zeile, die Zeile, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Linie, die Zeile, die linie.  255); "class =" fontbody "valign =" center "width =" 18% "> 

- Während die Breite der Spalte rechts 34% beträgt, aber momentan sind sie so, als ob beide von jeweils 50% Breite wären):

Code: Select all

|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                            |

However, I want it to look like this, with the column for, "QUIT" fixed and all the rest to have a responsive width, possibly with a calculated column width that subtracts the fixed width of the column with "QUIT" typed in it (with CSS probably):-

Code: Select all

| 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>
Wenn ich die "Flex" -Methode verwende, kann ich nicht den richtigen Rand erhalten, um die beiden Spalten vollständig zu trennen. Dies ist also keine Option. Die zweite  

-Spalte wird in die nächste Zeile gedrückt, wenn auf Mobilgeräten angezeigt wird (ich denke, ein N -ter Kind (2) CSS korrigiert das, was ich im folgenden Code -Snippet habe, aber ich weiß nicht, wie man es macht. />

Code: Select all

.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]

Code: Select all

Responsive width column's text here[/b]

Code: Select all

Some other text here[/b]

Code: Select all

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