Gdziekolwiek idę w Internecie, nieustannie bije mnie to, że nie powinienem używać tabel. Niestety, jestem jednym z niewielu programistów, którzy są na tyle uparci, aby nadal z nich korzystać - szczerze mówiąc, wyrównanie i funkcje układu CSS są dla mnie niewystarczająco skuteczne, zimny indyk, przestań używać tabel. Odkładając na bok moje osobiste dziwactwa programistów, chciałbym spróbować zaatakować jedno z moich głównych niezadowoleń związanych z systemem CSS:

Powiedzmy, że chcę mieć taki układ:

+---+---+
| A | B |
+---+---+
| C | D |
+---+---+

W powyższym przykładzie chciałbym, aby szerokości A i C były takie same, a szerokościB iD pozostać taki sam.

Chciałbym także wysokościA iB pozostać zamkniętym razem, a ja chciałbym wysokościC i D, aby pozostać takie same.

Aby wyjaśnić, jeśli jakikolwiek element w kolumnie staje się szerszy, chciałbymwszystko elementów w tej kolumnie, aby się poszerzyć. A jeśli jakikolwiek element w rzędzie stanie się wyższy, ponownie chcę, aby wszystkie elementy w tym samym rzędzie również się poszerzyły.

To, co właśnie opisałem, to dokładna funkcjonalność naszego starego przyjaciela, stołu. Moim zdaniem tabele są bardzo przydatne dla tego rodzaju układów! Gdybym miał spróbować czegoś podobnego do tego przy użyciu układów CSS, mógłbym otrzymać coś takiego:

+-------+---+
|   A   | B |
+---*---*---+
| C |   D   |
+---+-------+

Co byłoby bardzoNIE być rodzajem układu, którego szukam. (A iC zrobić postrzępione kolumny, w przeciwieństwie do doskonałych, gładkich kolumn, jak bym wolał)

Aby po prostu rozwiązać mój problem, mógłbymnaprawdę użyj sposobu, aby za pomocą układów CSS (i NIE predefiniowanych szerokości lub wysokości) dopasuj położenie krawędzi jednego pola CSS do pozycji krawędzi innego pola CSS. Gdyby CSS obsługiwał tę jedną prostą funkcję, mógłbym natychmiast puścić tabele na zawsze i tworzyć układy wykraczające poza możliwości tabel! Dobrym, ale bezużytecznym przykładem takiej mocy byłyby dwa oddzielne pudełka po przeciwnych stronach stołu,dynamicznie dzielenie dokładnie tej samej wysokości i pozycji pionowej, jak siebie.

Ale niestety w moich poszukiwaniach w Internecie najbardziej zaawansowanym ustawieniem, jakie do tej pory znalazłem, jest wyrównanie do środka, do lewej i do prawej. Wszystkie typy wyrównania, które nie są powiązane z INNYMI elementami, czyniąc je bezużytecznymi.

Wszystko, czego chcę, to tylko sposób na wyrównanie elementów HTML do INNYCH elementów HTML bez konieczności używania tabel!

EDYTOWAĆ

Wybierając tagi dla tego pytania, natknąłem się na opis, który podsumowuje wszystko:

Relativelayout: Układ, w którym pozycje dzieci można opisać w odniesieniu do siebie lub rodzica.

Czy istnieje CSS RelativeLayout? A może utknąłem przy użyciu tabel, kiedy chcę to zrobić?

Przyjmę odpowiedź, która jest najbliższa mojej pożądanej funkcjonalności, bez użycia z góry określonych szerokości lub wysokości (w tym odpowiedź „Nic takiego nie istnieje”, jeśli nikt inny nie zapewnia czegoś lepszego).