(0 hodnocení)
Řeším teď takovou zapeklitou věc, viz obrázek. Zvýraznil jsem padding a bordery, v reálu je to celé bílé.
Mám grid, 2 sloupce, a každý má jinak velký font a line-height. A když jsou ty dva sloupce vedle sebe, tak text většího fontu je uskočený dolů. Chtěl bych, aby základní linky prvního řádku textu v obou sloupcích byly zarovnané. Dá se to řešit nějak obecně pro libovolnou dvojici fontů, nebo prostě musím na pravý sloupec nasadit příslušný padding-top, aby se to srovnalo? Levý sloupec je vždy jednořádkový, jestli to něčemu pomůže.
Našel jsem vertical-align: baseline, ale nevykoumal jsem jak to má fungovat.
Díky za každou radu.
Zarovnání řádků gridu s různým fontem ve sloupcích
Co se právě děje na Webtrhu?
- Michael Žolcer poptává: Poptávám grafika na úpravu loga + dlouhodobější spolupráce
- MartinNovák poptává: Skript Adobe Ilustrátor
- Domenico poptává: Tvorba ANIMOVANÝCH VIDEÍ - dlouhodobá spolupráce 🤝
04.02.2020
22:17
Petr Široký
Co nabízím
Konzultace, prototypování, grafické návrhy a kódování e-shopů, osobních i firemních prezentací, konverzních stránek a rozsáhlých portálů.
| Web | www.lefiath.cz |
| Příspěvky |
5 714
|
| Členem od |
24.12.2007
|
(26 hodnocení)
Musíš ručně. I kdyby ten baseline fungoval (jako že ne, protože vertical-align se používal jen pro tabulky, pokud se nepletu), tak se bere v závislosti na jednom řádku, jen pomocí css není jak tomu říct, že chceš vzít jen první řádek odstavce. Myslím že s tímhle bude mít problém i většina grafických/designérských programů. Ale nevidím v ručním napozicování problém, asi nebudeš mít mnoho odlišných případů, kdy bys měl pokaždé jiný font nebo velikost.
05.02.2020
10:18
mjerabek
Co nabízím
Kóduji grafické návrhy webů do HTML, CSS a JavaScriptu.
| Web | mjerabek.cz |
| Příspěvky |
114
|
| Členem od |
01.11.2017
|
Fungovat to může, ale záleží, jak přesně je možné ty sloupce udělat. Například pomocí flexboxu: https://codepen.io/michaljerabek/pen/NWqKexO
---------- Příspěvek doplněn 05.02.2020 v 10:21 ----------
Jinak vertical-align funguje u jakýchkoliv inline elementů.
05.02.2020
10:50
Petr Široký
Co nabízím
Konzultace, prototypování, grafické návrhy a kódování e-shopů, osobních i firemních prezentací, konverzních stránek a rozsáhlých portálů.
| Web | www.lefiath.cz |
| Příspěvky |
5 714
|
| Členem od |
24.12.2007
|
Super, tady jsem se poučil také - myslel jsem si, že podobné věci opravdu zatím nejde udělat a že to css neumí rozeznat.
05.02.2020
12:28
Petr Široký
Co nabízím
Konzultace, prototypování, grafické návrhy a kódování e-shopů, osobních i firemních prezentací, konverzních stránek a rozsáhlých portálů.
| Web | www.lefiath.cz |
| Příspěvky |
5 714
|
| Členem od |
24.12.2007
|
Kóduji, ale ne tak často (flexbox používám pořád, ale nemyslel jsem si, že baseline bude respektovat první řádek v odstavci, nikdy jsem to takhle nepoužil, nebylo proč) a některé věci taky zapomínám - například fungování vertical-align, se kterým byly vždycky jen problémy.Petře ty nekodujes? Jenom grafika/UI?