Szóbuborékokat csináltam, sokat egymás mellett, és azokat sorkizárva szeretném elrendezni. Mindegyik szó mondjuk egy <a> tag-ben van. Hogyan lehet?
Figyelt kérdés
A baj az, hogy néhány szó összetett, és akkor a szóközt köztük fixen szeretném, azaz változó szélességű szóközt csak a buborékok közt szeretnék!2013. jún. 2. 17:26
1/4 anonim 



válasza:





Nem te kérdezted ugyanezt a múltkor? Ott már megadtam rá a választ.
Az a tagek stílusozása: display: inline-block; line-height: 1em;
Ennyi. Mutatok példát is:
2/4 A kérdező kommentje:
Köszönöm szépen. Azt el tudod mondani, hogy a line-height az miért szükséges?
2013. jún. 3. 13:52
3/4 A kérdező kommentje:
És az szerinted megoldhatatlan csak css-el, hogy ne a buorékok közti köz legyen változó, hanem a padding?
2013. jún. 3. 14:02
4/4 anonim 



válasza:





A padding nem, sajnos. Javascript segítségével igen. És akkor fallback-nek megmarad a sima statikus padding beállítás, ha ki lenne kapcsolva a javascript.
A line-height azért kell, mert a display: inline-block; elemek egy szabadon méretezhető, de szövegközi elem működését utánozzák. A sormagassággal tudod szabályozni az elem magasságát.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!