圖片的居中顯示css有很多方法，但在很多情況下有的方法無效，這是件很頭疼的事情，在研究wordprss程序的時候，無意發(fā)現(xiàn)這個系統(tǒng)的官方處理圖片居中，居左，居右的css寫法，分享一下！

比如一個圖片的<img class=”alignleft “>，居左，設(shè)置圖片的img屬性左浮動；居右，設(shè)置右浮動；水平居中，設(shè)置margin:auto。后來一想，這個辦法很不錯，應該是一個在很多情況下都有效的方法！

一般設(shè)置圖片屬性text-align:centre水平居中，但這個方法經(jīng)常無效，以后還是采用以下寫法吧！

/* Alignment */
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin:auto;
}