Autor | Zpráva | ||
---|---|---|---|
Lenka_H Profil * |
Hezky den,
chtela bych poprosit zdejsi profiky o pomoc. Mam tabulku v html a chtela bych ji mit za vsech okolnosti vzdy uprostred stranky a to jak vertikalne tak i horizontalne. Muzete mi prosim poradit? Co se mi podarilo dohledat bylo jen horizontalni vycentrovani pomoci table{margin:0 auto;} Dekuji, Lenka |
||
anonym_ Profil * |
#2 · Zasláno: 31. 8. 2022, 11:24:28
|
||
Lenka_H Profil * |
Perfektně okomentovaný kód který nedělá to co má.
Perfektne okomentovany kod ktery ovsem nedela to co ma. |
||
anonym_ Profil * |
#4 · Zasláno: 31. 8. 2022, 20:41:27
Lenka_H:
Je tam několik možností, a všechny jsou jednak popsané, druhak odkázané na zdroj. Včetně ukázek kódu. A ano, přestože ta odpověď tam je hodně komplexní, pokus se jí projít, vč. souvisejících odkazů. Pokud to, co tam je popsáno, pochopíš, bude to pro tebe lepší, než když ti sem někdo vloží kód, který jen copypastneš. |
||
Firibix Profil |
#5 · Zasláno: 31. 8. 2022, 21:49:28
Reakce na Lenku_H:
Pozor na to, že všechny elementy nadřazené tomu, který chceš horizontálně vycentrovat, musí mít nastavenou výšku. Ve výchozím stavu má stránka výšku takovou, jak dlouhý je její obsah. Pak můžeš obsah centrovat jak chceš, ale když je stránka vysoká na pixel přesně jako obsah, vizuálně se nic dít nebude. Nastav tedy výšku pro html , body a centrovací kontejner a poté použij například flexbox pro vycentrování:
html, body { height: 100%; margin: 0; } .centrovani { display: flex; min-height: 100%; align-items: center; /* vertikálně */ justify-content: center; /* horizontálně */ } <div class="centrovani"> <span>vycentrováno</span> </div> Živá ukázka. |
||
Bubák Profil |
#6 · Zasláno: 1. 9. 2022, 13:45:05
CSS3 není třeba, stačí CSS.1
html, body { height: 100%; width: 100%; display: table; } body { display: table-cell; vertical-align: middle; } table { margin: auto; } Živá ukázka |
||
Časová prodleva: 3 roky
|
0