Центровка изображения в круге css

[Why Not]

Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге?

Возьмем пример:

<div class="myimg1">

<img src="../img1.png" alt="" title=""/>

</div>

 

Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил...

[GreenMonster]

 

Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге?

Возьмем пример:

<div class="myimg1">

<img src="../img1.png" alt="" title=""/>

</div>

 

Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил...

 

 

http://jsfiddle.net/wwwofu3o/

[Why Not]

http://jsfiddle.net/wwwofu3o/

спасибо конечно, но не то. Если картинка будет разного размера? Допустим взять ту же аву. У каждой авы разные изображения. Мне и нужно что бы все изображения подстраивались, и, кстати, не зависимо от высоты

[Why Not]

Проблема не решена.

Изменено 31 июля, 2015 пользователем gundzha

[wenjiro]

 

Здравствуйте! Подскажите пожалуйста как отцентровать изображение в круге?

Возьмем пример:

<div class="myimg1">

<img src="../img1.png" alt="" title=""/>

</div>

 

Здесь класс myimg1 выставлен в центре, а картинка, которая в этом классе, берет начало слева сверху от круга. Мне нужно что бы картинка центровалась в этом круге, т.е. не вырезался кусок слева сверху, а был по середине. Как это организовать? Голову уже сломал, поисковики замучил...

 

Чуть подробнее, пожалуйста.

[Why Not]

Чуть подробнее, пожалуйста.

 

Видишь круг? А то что выделено сидим (этот квадрат) - это картинка. Скажем так: точка отсчета у картинки идет слева сверху от круга, а мне нужно что бы эта картинка выравнивалась по середине черного блока (на котором этот круг, и получается должно выглядеть так:

 

 

Так же хочу заметить, что height будет любой, но width не менее 140px

Изменено 31 июля, 2015 пользователем gundzha

[Shaman Daniels]

Да параметр на картинку повесь margin: 0 auto; и должно помочь.

[GreenMonster]

спасибо конечно, но не то. Если картинка будет разного размера? Допустим взять ту же аву. У каждой авы разные изображения. Мне и нужно что бы все изображения подстраивались, и, кстати, не зависимо от высоты

 

>Если картинка будет разного размера?

Таки в моем решении картинке указывается фиксированный размер.

 

А вообще, в Vii миниатюры режутся пропорциональные, так что эти костыли не нужны.

А делать круг из аватарки в профиле - бред и не красиво.

Изменено 31 июля, 2015 пользователем GreenMonster

[Why Not]

Да параметр на картинку повесь margin: 0 auto; и должно помочь.

не поможет, пробовал(

[Why Not]

>Если картинка будет разного размера?

Таки в моем решении картинке указывается фиксированный размер.

 

А вообще, в Vii миниатюры режутся пропорциональные, так что эти костыли не нужны.

А делать круг из аватарки в профиле - бред и не красиво.

квадраты уже как то надоели...