2017-01-12 2 views
0

Посмотрите на этом испытательном полигоне: https://dev.amberaviationacademy.com.au/testinstagramКак центрировать блок Instagram изображения

Я хочу сосредоточить весь Instagram изображения блока к центру. например как это:

enter image description here

Исходя из этого: How can I center a div within another div?, что мне нужно сделать, это set margin 0 auto для блока instergram и set width: 90%. Установочный процент хорош, когда мы не изменяем размер браузера. Это способ установить автоцентр, даже когда размер браузера изменяется.

ответ

0

Вам необходимо внести два изменения: добавить text-align: center к .content и добавить display: inline-block; к a:

.block-instagram-block .content { 
    display: inline-block; 
    text-align: center; 
} 

a { 
    color: #222; 
    text-decoration: none; 
    display: inline-block; 
} 
+0

Не могли бы вы объяснить, как это работает? Означает ли это, что если родительский элемент установлен в центр выравнивания текста, любой встроенный блок будет центрирован? – kenpeter

+0

'text-align: center;' делает все дети центрированными внутри родителя. отображение детей должно быть установлено как 'inline-block', чтобы помешать каждому дочернему элементу новой строки, если это будет' block'. Поэтому в родительском центре дети и дети inline-block входят в одну строку, заполняя всю ширину родителя. – Banzay

+0

работает ли он нормально? Я попробовал, но не работает, все изображения выровнены только по центру! – user7357089

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