以移動設備爲中心的分區

Question

我正在創建健身房管理員，我希望將div集中在移動設備中。我有div集中在筆記本電腦瀏覽器，但有一個在手機瀏覽器的問題。在移動設備中，我彈出的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。

你有任何想法如何在移動設備中居中div？任何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); 
}