html - 将块元素固定到屏幕底部的中心？

Question

我想让一个块元素水平居中，垂直居中。这是我正在尝试的：

iframe {
    display: block;
    position: fixed;
    bottom: 5px;
    left: 50%;
    right: 50%;
}

它显示在右下角，部分溢出屏幕。有没有办法做到这一点？

score 3 · Accepted Answer

您需要设置一个负左边距等于元素宽度的一半，例如：

left: 50%;
margin-left: -152px;

right: 50%什么都不做。

1 回答 1