Wyśrodkuj DIV poziomo i pionowo [duplikat]
To pytanie ma już tutaj odpowiedź:
Jak wycentrować element poziomo i pionowo 18 odpowiedziCzy istnieje sposóbCENTRUM A DIV pionowo i poziomo ale to jest ważnezawartość nie zostanie obcięta, gdy okno jest mniejsze niż zawartość Div musi mieć kolor tła oraz szerokość i wysokość.
Zawsze wyśrodkowywałem div z bezwzględnym pozycjonowaniem i ujemnymi marginesami, jak w podanym przykładzie. Ale ma problem, że odcina treść na górze. Czy istnieje metoda wyśrodkowania div .content bez tego problemu?
Mam tutaj przykład do gry:http://jsbin.com/iquviq/1/edit
CSS:
body { margin: 0px; }
.background {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: yellow;
}
/*
is there a better way than the absolute positioning and negative margin to center the div .content: div with background color a width and a hight?:
*/
.content {
width: 200px;
height: 600px;
background-color: blue;
position:absolute;
top:50%;
left:50%;
margin-left:-100px;/* half width*/
margin-top:-300px;/* half height*/
}
HTML:
<div class="background">
<div class="content"> some text </div>
</div>
Moje pytanie nie jest duplikatem „Jak wycentrować element poziomo i pionowo?” 1- Moje pytanie zostało zadane wcześniej. (po prostu sprawdź daty). 2- Moje pytanie pyta bardzo wyraźnie i czarno jako warunek: „treść nie zostanie przecięta, gdy okno jest mniejsze niż treść”