Vertical-align miért nem működik?
html:
<ul>
<li>valami1</li>
<li>valami2</li>
<li>valami3</li>
</ul>
css:
ul li {
text-align:center;
vertical-align: middle;
}
a text-align része működik, a vertical-align meg nem csinál semmit
válasza: válasza:Mit szeretnél, hogy csináljon?
A LI-t mihez képest akarod középre rakni?
válasza:Ez egy ősrégi probléma. :-(
vertical-align csak TD elemnél müködik rendesen.
valamelyik DocType -al, meg lehet csinálni diyplay:table-column; -al is.
De nem egységes minden böngészőn.
maximum padding-ot tudsz adni lentre és fentre, height pedig auto.
válasza:ma 12:52 baromságot beszél. Ezért értelmetlenség egy fölösleges értelmetlen wrapper tag-et használni.
A te kódod így néz ki: [link]
Itt a vertical align paraméternek egyszerűen nincsen semmi értelme, mert nincs mit függőlegesen rendezni.
Ha például azt akarod, hogy magasabbak legyenek a li tag-ek, akkor így tudod megoldni a vertikális középre igazítást:
[link] 1/
válasza:Az, aki szerint a vertical-align csak TD-nél működik rendesen, az eléggé kezdő webfejlesztő, vagy legalábbis nem tudja, hogy mire való a vertical-align.
Olvassátok el: [link]
Tehát, ez szövegközi elemek igazítására szolgál. Egy block elemet hiába is próbálsz ezzel igazgatni.
válasza:Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!