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

Я хочу сделать выравнивание серого изображения центром. Пожалуйста, помогите мне, как я могу это сделать. Вот что я пробовал:Как я могу сделать эти изображения центрированными?

<div id="responsivearea" style="margin-top: 50px;"> 
    <div class="img-center"> 
     <img style="clear:none;" class="size-thumbnail wp-image-2707" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/visa-logo2-150x150.jpg" alt="visa logo" width="150" height="150" /> 
     <img style="clear:none;" class="size-thumbnail wp-image-2705" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/nethope-logo1-150x150.jpg" alt="nethope logo" width="150" height="150" /> 
     <img style="clear:none;" class="size-thumbnail wp-image-2704" src="http://www.inspuratesystems.com/nayajeevan/wp-content/uploads/2014/11/ILO-logo1-150x150.jpg" alt="ILO logo" width="150" height="150" /> 
    </div> 
</div>

Here является сайт.

источник

2015-02-06 Fahad Uddin

Просто используйте:

.img-center{text-align: center;}

источник

2015-02-06 04:21:32

Мне также нужно сделать их горизонтально выровненными. –

Да, это так. Поскольку у вас есть изображения только внутри img-центра. –

Я думаю, что он означает вертикально выровненную. Помогает ли это, @ShenXu? http://jsfiddle.net/n6522/4/ –

Установить запас для авто. Браузер будет выравнивать изображения по центру для вас

img { 
    margin: auto; 

}

источник

2015-02-06 04:23:18

Как уже предложил, Магин авто ... используя существующий IMG-центр класса

.img-center{ 
    margin:auto; 
    vertical-align:middle; /* If you mean vertically aligned */ 
}

выравнивания текста может работать, но это немного смешно в поперечном браузере поддержку ...

запас авто обычно делает работу и должен работать

иначе просто завернуть их с тегами центра, в то время как люди могут неодобрительно с помощью центра TA gs..THEY WORK CROSS BROWSER !! так что они не потерпят неудачу!

В противном случае, если вы имеете в виду нижеследующие изображения/логотипы на сайте .. Они находятся в теге P без какого-либо класса. Вы можете просто применить text-align: center: к этому тегу p.

источник

2015-02-06 04:24:53 Mayhem

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

ответ

Смежные вопросы