Autor | Zpráva | ||
---|---|---|---|
macek314 Profil * |
#1 · Zasláno: 6. 4. 2011, 16:10:20
zdravím
potřeboval bych nějakým způsobem vylepšit vertikální zarovnání textu podobně jako je zde: http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html o pevnou výšku rámce která se nezmění ani při vložení většího množství textu. V návodu který je popsán výše se používají dva DIVy které se v podstatě chovají jako tabulka u které se dá použít vertical-align, jenže tabulka ale při vložení většího počtu řádků ignoruje nastavení výšky a roztáhne se. Text který se do rámce nevleze, by měl přetéct. Pokud nelze použít tuto metodu, jak lze vytvořit rámec s předem nadefinovanou výškou / šířkou která se nemění s velikostí vloženého textu a zárověn zarovnáním textu na střed v horizontální i vertikální poloze ? .ramec{ table-layout: fixed; display: table; width:49mm; height:15mm; margin-left:auto; margin-right:auto; background-color: rgb(230,230,230); line-height:10px; overflow:hidden; white-space:nowrap; padding:1px;} .ramec2{ display: table-cell; vertical-align: middle;} <div class="ramec"> <div class="ramec2"> <p><? echo $zobraz_nahled; ?></p> </div> </div> |
||
Časová prodleva: 13 dní
|
|||
Chamurappi Profil |
#2 · Zasláno: 19. 4. 2011, 17:56:57
Reaguji na macka314:
To je docela snadné a známé (na rozdíl od odkázaného centrování při neznámé výšce), nastavíš top: 50% a záporný margin-top odpovídající půlce té pevné výšky.
|
||
Časová prodleva: 13 let
|
0