центрирование изображения в разделе

-1

Я хочу, чтобы это изображение было прямо в центре страницы, в разделе, но оно не работает, кстати, я использую нефрит и сасси. Джейд:центрирование изображения в разделе

section.believe(data-section-name='texture', <='', body='') 
     img.minion(src="/images/IMG_6219.jpg")

Sass:

.minion 
    top: 50% 
    left: 50% 
    padding: 100px 
    margin: 0 auto 
    height: 10% 
    transform: rotate(90deg)

This is what keeps happening

источник

2016-02-17 Shaheer Saif

Я призываю вас использовать div вместо тега раздела. http://stackoverflow.com/questions/2134333/centering-an-image-within-a-div – dYale

Вы можете дать 'display: inline-block' дочернему элементу и' text-align: center' родительскому. Кроме того, вы должны убедиться, что ваш раздел имеет «display: block» и что он занимает всю ширину страницы. –

Причина, по которой я использовал тег раздела, заключалась в том, чтобы использовать привязку прокрутки с помощью scrollify (http://projects.lukehaas.me/scrollify/), это просто упрощает организацию. –

попробовать это

.minion 
    position: absolute 
    top: calc(50% - 400px) 
    left: calc(50% - 400px) 
    margin: 0

400px = половина ширины изображения/высота

источник

2016-02-17 09:16:23 Vikram

центрирование изображения в разделе

ответ

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