[baniorz_z_modzela]

#html #css #webdev
Wytłumaczy mi ktoś dlaczego pomiędzy divami tworzy się znak odstępu (dokładnie węzeł tekstowy ze znakiem odstępu), jeśli oba divy mają właściwość display z wartością inline-block? Oba te divy są umieszczone w divie mającym szerokość 900px i chciałbym, żeby były one obok siebie (div od lewej ma szerokość 750px a od prawej 150px), jednak przez ten znak odstępu, który ma 4px, drugi div jest zmuszony być położonym pod pierwszym. Wcześniej jakiś czas temu gdy stosowałem tą praktykę nie było problemu. Mógłbym użyć float: left; i float: right; ale wolałbym to zrobić za pomocą display: inline-block; bez tego cholernego znaku. ᕙ(⇀‸↼‶)ᕗ Przeglądarka #firefox

[Leniek]

@baniorz_z_modzela: kiedy wy zrozumienie że to nie divy tylko zwykłe prostytutki? #heheszki #pdk (⌐ ͡■ ͜ʖ ͡■)

[baniorz_z_modzela]

@Leniek: Nieprzydatna odpowiedź, ale dzięki, że to napisałeś, przynajmniej mi humor trochę poprawiłeś xD

[z--x]

@PorryHatter: Najbezpieczniejsze to jest nie używanie inline-block do budowania layoutu.

[baniorz_z_modzela]

@z--x: W takim razie jak najbezpieczniej rozwiązać ten problem?

[k.....y]

@baniorz_z_modzela: sposobów jest kilka, ale najbezpieczniejszy i najwygodniejszy to flexbox :D

[z--x]

@baniorz_z_modzela: Grid Layout, fexbox albo już nawet floatami już lepiej to zrobić. Inline-block zupełnie się nie nadaje.

[k.....y]

@baniorz_z_modzela: ewentualnie możesz ustawić font-size: 0 na container i potem font-size na poszczególnych elementach ale wtedy tracisz możliwość używania % / em http://jsfiddle.net/AWMMT/4/

[baniorz_z_modzela]

@PorryHatter: @z--x: Skorzystam z tego flexboxa ( ͡° ͜ʖ ͡°)
@kodkreskowy: Myślałem nad tym, ale to tylko zrobiłbym sobie bałagan

[z--x]

@kodkreskowy: Nie działa w przeglądakach, które mają ustawione min font size.

[Marmite]

@PorryHatter: flexbox jest kosztowny do wyrenderowania a grid layout już nie?