問題:
居中「位置:固定;」水平和垂直彈出框具有動態寬度和高度,儘管使用邊距: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中文網其他相關文章!