如何中心圖片股利

Question

我試着去居中.pics DIV中的圖片裏面，但是CSS不工作

<article class="pics"> 
     <ul> 
      <li><img class="default" alt="cake" src="images/IMG_2774_opt.jpg"></li> 
      <li><img class="default" alt="cake" src="images/198_opt.jpg"></li> 
      <li><img class="default" alt="cake" src="images/IMG_2774_opt.jpg"></li> 
     </ul> 
</article> 

CSS：.pics { width: 100%; vertical-align: middle; }

不工作

Answer 1

我想如果要垂直對齊的東西給你指向一個非常簡單的解決方案

http://www.w3.org/Style/Examples/007/center.en.html

IMG.displayed { 
    display: block; 
    margin-left: auto; 
    margin-right: auto } 
... 
<IMG class="displayed" src="..." alt="..."> 

Answer 2

http://jsfiddle.net/bth9g/

HTML：

<div class="center" > 
    <div class="centered"> 
     <div class="img"></div> 
    </div> 
</div> 

CSS：

.center{ 
    height:200px; 
    width:200px; 
    background:black; 
    display:table; 
} 
.centered{ 
    display:table-cell; 
    vertical-align:middle; 
    text-align:center; 
} 
.img{ 
    display:inline-block; 
    background:yellow; 
    height:50px; 
    width:50px; 
}