Moje pytania)

Czy któraś z tych metod jest preferowana przez profesjonalnego projektanta stron internetowych?

Czy któraś z tych metod jest preferowana przez przeglądarkę podczas rysowania strony?

Czy to tylko osobiste preferencje?

Czy brakuje mi innych technik?

Uwaga: Powyższe pytania dotyczą projektowania układu wielokolumnowego

float: left;

http://jsfiddle.net/CDe6a/

Jest to metoda, której zawsze używam przy tworzeniu układów kolumn i wydaje się, że działa dobrze. Jednak rodzic się zapada, więc musisz tylko pamiętaćclear:both; potem. Innekon właśnie znalazłem brak możliwości wyrównania tekstu w pionie.

display: inline;

Wydaje się, że rozwiązuje to problem zwijania się rodzica, ale dodaje białe znaki.

http://jsfiddle.net/CDe6a/1/

Usunięcie białych znaków z html wydaje się być najłatwiejszym rozwiązaniem tego problemu, ale nie jest pożądane, jeśli jesteś naprawdę wybredny w stosunku do swojego HTML.

http://jsfiddle.net/CDe6a/2/

wyświetlacz: blok śródliniowy;

Wygląda na to, że zachowuje się dokładnie tak jakdisplay:inline;.

http://jsfiddle.net/CDe6a/3/

display: table-cell;

http://jsfiddle.net/CDe6a/4/

Działa idealnie.

Moje myśli:

Jestem pewien, że brakuje mi tony rzeczy, jak pewne wyjątki, które przełamią układ, aledisplay:table-cell; wydaje się działać najlepiej i myślę, że zacznę zastępowaćfloat:left; jak zawsze wydaje mi się, że się bałamclear:both;. Przeczytałem wiele artykułów i blogów na ten temat w Internecie, ale żadna z nich nie daje mi definitywnej odpowiedzi na temat tego, co powinienem wykorzystać podczas tworzenia mojej strony internetowej.