Div以移动设备为中心

Question

我正在创建健身房经理，我希望div能够集中在移动设备上。我有div在笔记本电脑webbrowsers中心，但在移动浏览器中有一个问题。在移动设备中，我的弹出式div正确对齐 这是我的CSS。

.white_content_exDescription {
display: none;
position: absolute;
left:24%;
width: 50%;
margin-top:-70px;
min-height: 335px;
height:auto;
max-height: 500px;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
-webkit-box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
}

这是我的网页www.egymmanager.pl，请点击“Opiszajęć”buutton。

您是否知道如何在移动设备中居中？任何javascript或jquery？

Answer 1

试试这个CSS

.white_content_exDescription {
display: none;
position: absolute;
left:-25%;
top:50%:
width: 50%;
margin-top:-160px;
min-height: 335px;
height:auto;
max-height: 500px;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
-webkit-box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 18px 1px rgba(0,0,0,0.75);
}