Css設置img屬性讓圖片水平居中/居左/居右的寫法

轉載地址：http://www.jb51.net/css/134690.html

圖片的居中顯示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;
}