将图像集中在一个部分中

Question

我希望这张图片正好在页面的中央，在一个部分，但它不起作用，顺便说一下，我正在使用玉和sass。 玉：

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

Answer 1

试试这个

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

400px =图像宽度/高度的一半