.big { width: 100vw; height: 100vh; background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; z-index: 10000; display: none; } .big_img { width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .embedScoll { background-color: lightblue; height: 400px; width: 200px; overflow-x: scroll; overflow-y: scroll; } .white-space-pre-wrap { white-space: pre-wrap; } .white-space-pre-line { white-space: pre-line; } .popupdialog { width: 220px; height: 50px; border-radius: 20px; background: #454545; font-size: 16px; font-family: 'Global Monospace'; font-weight: bold; text-align: center; line-height: 50px; position: fixed; left: calc(50% - 110px); top: calc(50% - 25px); color: #fff; z-index: 10000; } .close { background-color: lightcoral; color: white; } .preload { margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); display: none; } #bgExpetJoin { /*padding-top: 50px; padding-bottom: 50px; padding-left: 50px; padding-right: 50px;*/ position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: flex; /* 水平置中 */ justify-content: center; /* 垂直置中 */ align-items: center; /*vertical-align: middle;*/ background: rgba(0, 0, 0, .4); z-index: 10001; /*background-color: lightblue;*/ overflow-x: scroll; overflow-y: scroll; } #alertQueryShow { /* margin: 50px 50px 50px 50px; */ text-align: center; padding-top: 1%; padding-bottom: 1%; padding-left: 1%; padding-right: 1%; vertical-align: middle; /* 水平置中 */ /*display: flex; justify-content: center;*/ /* 垂直置中 */ align-content: center; flex-wrap: wrap; width: 95%; /*height: 700px;*/ background: #FFF; border-radius: 3px; box-shadow: 2px 2px rgba(0, 0, 0, .3); } #alertQueryShow p { font-size: 1.4em; margin-bottom: 20px; } #alertQueryShow #ok { padding: 5px 20px; font-size: 1em; }