Mam obraz - obraz ładujący.Wyświetl obraz na środku strony
Chcę, aby obraz był wyświetlany na środku strony. Jak mogę to zrobić?
Kod pisałem to:
img.loading
{
position:absolute;
left:0px;
top:0px;
z-index:1;
}
Jak mogę uczynić ten obraz zawsze wyświetlany w środku strony?
Znaleziono: How to Center an Image Perfectly in CSS to może pomóc.
#img
{
position:absolute;
width:592px; /*image width */
height:512px; /*image height */
left:50%;
top:50%;
margin-left:-296px; /*image width/2 */
margin-top:-256px; /*image height/2 */
}
Zobacz W3C
IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto
}
<IMG class="displayed" src="..." alt="...">
Spowoduje to wyśrodkowanie obraz w poziomie, ale nie w pionie. –
Łącze to obejmuje, ale nie jest idealne. "Poziom 2 CSS nie ma właściwości do centrowania obiektów w pionie, prawdopodobnie będzie na poziomie CSS 3." –
Albo można użyć background: url(center_image) no-repeat center;
przykład robocza:http://jsfiddle.net/DT4hL/
To brzmi jak próbujesz wyśrodkować w pionie. Czy możesz to potwierdzić? Czy Twój obraz będzie miał stałą wysokość? –
Możliwe rozwiązanie [http://stackoverflow.com/questions/1207525/center-block-element-in-element/1207625#1207625](http://stackoverflow.com/questions/1207525/center-block-element-in -element/1207625 # 1207625) – desigeek
spróbuj tego >> http://stackoverflow.com/questions/1224399/display-the-image-in-the-center-of-the-page/15375386#15375386 – noelyahan