Autor | Zpráva | ||
---|---|---|---|
xlifer Profil |
#1 · Zasláno: 16. 12. 2010, 14:16:34 · Upravil/a: xlifer
Jak lze vycentrovat automaticky vertikálně text uvnitř divu?
<div style="height: 40px; border: 1px solid black;"> text </div> |
||
Plaváček Profil |
#2 · Zasláno: 16. 12. 2010, 14:18:25
|
||
xlifer Profil |
#3 · Zasláno: 16. 12. 2010, 14:23:43 · Upravil/a: xlifer
Tolik složitostí v CSS. V tabulkách přes valign="middle" to jede krásně. Takže jednodušeji to nejde v CSS?
|
||
Plaváček Profil |
#4 · Zasláno: 16. 12. 2010, 14:29:53
xlifer:
Nevím přesně, o co se snažiš. Pokud budeš mít text pouze na jednom řádku, lze to udělat i jednodušeji (nastavíš height i line-height na stejnou hodnotu a text se vycentruje). Pokud budeš centrovat víceřádkový text nebo obrázek, jednodušší řešení existuje pouze v případě, že se vykašleš na starší prohlížeče, protože ti bude stačit pouze tento zápis: .block {display: table-cell;vertical-align: middle;} |
||
Časová prodleva: 3 dny
|
|||
xlifer Profil |
#5 · Zasláno: 19. 12. 2010, 20:57:59
Plaváček:
Snažím se přesně o to co lze jednoduše udělat v buňce tabulky jak jsem psal přes TD valign=middle. Řešení, které navrhuješ je ok, ale škoda, že nejde i pro IE6, ach jo... těžký to život koderů. |
||
Chamurappi Profil |
#6 · Zasláno: 19. 12. 2010, 22:58:15
|
||
Časová prodleva: 13 let
|
0