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;