将图像居中放置在一个部分中

Question

我希望这张图片位于页面中央的某个部分，但它不起作用，顺便说一句，我正在使用 jade 和 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)

Answer 1

试试这个

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

400px = 图片的一半 width/height

centering a image in a section