Autor Zpráva
macek314
Profil *
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>
Chamurappi
Profil
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0