• <bdo id="oq0yq"><xmp id="oq0yq">
    <menu id="oq0yq"></menu>
  • 建站常識

    CSS 圖片圖片水平居中/居左/居右的方法

    發布時間 | 2016/3/15  點擊 | 

    比如一個圖片的,居左,設置圖片的img屬性左浮動;居右,設置右浮動;水平居中,設置margin:auto。后來一想,這個辦法很不錯,應該是一個在很多情況下都有效的方法!

    一般設置圖片屬性text-align:centre水平居中,但這個方法經常無效,以后還是采用以下寫法吧!


    /* Alignment */

    .alignleft {
    display: inline;
    float: left;
    }

    .alignright {
    display: inline;
    float: right;
    }

    .aligncenter {
    clear: both;
    display: block;
    margin:auto;
    }


    相關信息