圖片的居中顯示css有很多方法，但在很多情況下有的方法無效，無意發現這個系統的官方處理圖片居中，居左，居右的css寫法，喜歡的朋友可以收藏下哦
圖片的居中顯示css有很多方法，但在很多情況下有的方法無效，這是件很頭疼的事情，在研究wordprss程序的時候，無意發現這個系統的官方處理圖片居中，居左，居右的css寫法，分享一下！
比如一個圖片的<img class=”alignleft “>，居左，設置圖片的img屬性左浮動；居右，設置右浮動；水平居中，設置margin:auto。后來一想，這個辦法很不錯，應該是一個在很多情況下都有效的方法！
一般設置圖片屬性text-align:centre水平居中，但這個方法經常無效，以后還是采用以下寫法吧！
復制代碼
代碼如下:
/* Alignment */
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin:auto;
}