| 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: 15 let
|
|||
0