Как я прикрепляю изображение к нижней части видимого экрана и центрируюсь?

Question

Как я прикрепляю изображение к нижней части видимого экрана и центрируюсь?

У меня есть веб-сайт, и мне нужно было центрировать изображение у основания видимой страницы. Таким образом в любом размере экрана, изображение все еще будет внизу, и центрируется.

10

css center sticky

задан Shawn 3 April 2010 в 10:06

2 ответа

Вы должны поместить его в div, а затем представить, что ваше изображение имеет ширину 500 пикселей:

div.className{
position:absolute;
margin-left: -250px; /* very important for the image to be centered */
left:50%;
bottom:0px;
}

2

ответ дан 3 December 2019 в 15:35

Другие вопросы по тегам:

css center sticky

Похожие вопросы:

score 23 · Accepted Answer

используя чистый css, вы можете добиться этого во всех новых браузерах

.fix{
    position:fixed;
    bottom:0px;
    left:50%;
}
<img src="yourimagepath" class="fix"/>

, а для IE6 вы можете использовать position: absolute; вместо fixed. Это размещает изображение внизу страницы, но при прокрутке вверх изображение будет прокручиваться вместе со страницей. К сожалению, позиция : исправлена не поддерживается в IE6.