Float: left; czy Display: inline-block; [ankieta]

Question

Witam! Chciałbym otworzyć rozmowę na temat Float: left; i Display: inline-block; aby dowiedzieć się o opiniach innych. Niech jak najwięcej osób zagłosuje w ankiecie na to co najczęściej używają w swoich projektach a w odpowiedziach ci którzy używają inline-block wypowiedzieli się dlaczego używają tej funkcji i jak usuwają znaki białe ci, którzy używają Float: left; wypowiedzieli się dlaczego wybrali tą funkcje i jakie uważają za jej najważniejsze zalety i najważniejsze wady a ci, którzy używają tych funkcji na-przemian napisali w jakich sytuacjach co używają.

Pozdrawiam

Możliwe odpowiedzi:

Używam Float: left; (napisz w odpowiedzi dlaczego) (3 głosów, 30%)

Używam Display: inline-block; (napisz w odpowiedzi dlaczego) (4 głosów, 40%)

Używam obie funkcje (napisz w odpowiedzi dlaczego i w jakich sytuacjach) (3 głosów, 30%)

Comments

Nie wiem czy nie zepsuję zabawy, ale osobiście nie używam ani tego ani tego.

Moim zdaniem najlepszy jest flex lub grid. Jest to po prostu bardziej eleganckie rozwiązanie i zapobiega się w ten sposób dziwnym błędom :)

---

overflow auto :D !

Answer 1

Zdarza mi się używać każdego, ale nie do layoutu:

• float przydaje się głównie przy ustawianiu opływania figure (obrazków, tabelek, cytatów itd.) przez tekst. Chociaż raczej stosuję wartości inline-start, inline-end (z odpowiednim fallbackiem), żeby opływanie samo się dostosowywało do kierunku tekstu na stronie.
• Z kolei inline-block przydaje się, jeśli jakiś element wypada ładnie ostylować, ale równocześnie – umieścić jako część tekstu (np. ładnie oznakowany mark).

Do layoutu używam grida + flexboxa. No chyba że strona ma działać także na IE; wówczas float wydaje się najsensowniejszym rozwiązaniem (chociaż zawsze można wykorzystać @supports i wersję z float serwować tylko IE, podczas gdy całej reszcie – wersję na gridzie i flexboksie).

Answer 2

Nie baw się w archeologa. Jak ci napisał Kaerv, używaj Flexbox'a lub Gridbox'a, a najlepiej obu z nich. Nie ma sensu bohatersko radzić sobie z upierdliwościami nieznanymi w innych technologiach.

Answer 3

Używam float: left, ale to tylko i wyłącznie z przyzwyczajenia, bo tak zacząłem pisać i tak mi już zostało.