问题:
居中“位置:固定;”水平和垂直弹出框具有动态宽度和高度,尽管使用边距:5% auto;
解决方案:
有几种方法可以实现此目的:
方法 1:固定宽度和高度
position: fixed; width: 500px; height: 200px; top: 50%; left: 50%; margin-top: -100px; /* Negative half of height */ margin-left: -250px; /* Negative half of width */
接近2:动态宽度和/或高度
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
方法3:固定宽度,但不关心垂直居中
position: fixed; width: 500px; margin: 5% auto; /* Only centers horizontally */ left: 0; right: 0;
以上是如何使固定位置元素水平和垂直居中?的详细内容。更多信息请关注PHP中文网其他相关文章!