Центрирование картинки
Ребят, есть в css свойство
background-position: 50% 50%; что разместит нашу картинку фона по центру, и при прочих правильных настройках края у нее обрежутся. Я же хочу получить тоже самое, только для туга img.
<div class="IMG_PLACE">
<img src="someimg.jpg">
</div>
IMG_PLACE{
width:100px;
height:100px;
overflow:hidden; //Обязательно скрываем лишнее
}
IMG_PLACE img{
width:100%
}
само собой моя картинка обрезается, а начинает с левого верхнего угла. Какие есть варианты по центрированию? исключительно двигать ее с помощью top/left/margin? |
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.IMG_PLACE{
width:100px;
height:100px;
overflow:hidden; //Обязательно скрываем лишнее
}
.IMG_PLACE img{
width:100%;
}
</style>
</head>
<body>
<div class="IMG_PLACE">
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</div>
</body>
</html>
|
Забыл уточнить, картина вертикальная) Потому и обрезается)
|
.parrent{
position:relative;
width:100px;
}
.child {
width: 100%;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
Вот так вот я решил эту проблему. |
Siend, только вместо 9999px напиши: 0.
|
| Часовой пояс GMT +3, время: 06:40. |