CSS：居中DIV

Question

我遇到水平居中DIV的問題。

我已經提供了一個完整的示例here。

這是SharePoint 2010標準中的內容編輯器WebPart內部。

Answer 1

http://fiddle.jshell.net/hdA7d/

<div class="weathercontainer"> 
     <div id="weather" class="items" onClick="window.open('http://www.weather.com/weather/today/33196','_blank'); return false; " > 
     </div> 
</div> 


.weathercontainer{ 
    width: 100%; 
} 
.items { 
    width: 170px; 
    margin: 0px auto; 
    position: relative; 
    cursor: pointer; 
} 

Answer 2

喜歡這個

demo

CSS

.center 
{ 
    left: 50%; 
    position: absolute; 
    top: 50%; 
} 

.center div 
{ 
    border: 1px solid black; 
    margin-left: -50%; 
    margin-top: -50%; 
    height: 100px; 
    width: 100px; 
} 

Answer 3

你可以只給出0的絕對定位.items左右位置和經銷商的保證金：

.items { 
    position:absolute; 
    margin: 0px auto; 
    left:0; 
    right:0; 
} 

請參閱this updated fiddle。

Answer 4

檢查，如果這對你的作品。 click here

display: table-cell; 
vertical-align: middle;