IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 22. diel - Vykresľovanie, prekrývanie a zvislé zarovnanie prvkov v CSS3

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Daniel Horák:11.1.2022 10:35

Ve výčtu hodnot vlastnosti display jsem nenašel flex. Je tam místo toho uvedeno box, ale to mi v chromu nefunguje. Ani online editor na w3schools.com to nebere.

 
Odpovedať
11.1.2022 10:35
Avatar
Daniel Horák:11.1.2022 20:51

Popis vlastnosti vertical-align tady nedává moc smysl. Je určena k zarovnání elementu v rámci řádkového prvku (ne blokového, to je tu uvedeno správně). Tedy styluje se konkrétní element a ne celý "kontejner".

Když si zkusím html:

<p>Jak se zarovná tento <span class="zarovnat-svisle">element</span> a co sova <img src="sova.png" class="zarovnat-svisle"></img>?</p>

a css:

.zarovnat-svisle {
    vertical-align: 50%;
}

Tak element i obrázek sovy levitují od poloviny řádku nahoru.

Posune element o danou délku dolů

tedy rozhodně neplatí, právě naopak.

 
Odpovedať
11.1.2022 20:51
Avatar
Jakub Raida
Tvůrce
Avatar
Jakub Raida:12.1.2022 11:20

Díky na připomínky, event. na to mrknu a opravím.

 
Odpovedať
12.1.2022 11:20
Avatar
Saveli Darhel:16. novembra 14:39

Zarovnání prvku vysvetleno velice špatně, přestože je to jedna z nejzasadnějších temat v CSS jako takovým. Od kurzu ktery ma název CSS od A do Z bych očekaval uvidět ohledně tohoto tematu značně vic.

 
Odpovedať
16. novembra 14:39
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!