HTML中IMG標簽總結

一、Img標簽有兩個重要的屬性：

　　1.src  屬性：圖片的地址

　　2.alt  屬性：圖片不顯示是現實的文字

二、Img標簽是行級元素：

　　img、input屬於行內替換元素。height/width/padding/margin均可用。效果等於塊元素。行內非替換元素，例如, height/width/padding top、bottom/margin top/bottom均無效果.只

　　能用padding left/right和margin left/right改變寬度。

三、Img標簽進行居中：

　　1.第一種方式:這種方式我不是很喜歡，Img標簽有事不能設置為table-cell。容易產生錯誤。

img_div{
        display: table-cell;vertical-align: middle;  /*控製圖片垂直居中*/
        text-align: center;  /*控製圖片水平居中*/      
}    

　　2.第二種方式:這種方式Img標簽最好不要帶有margin屬性，否則不會居中。

img{
    position: absolute;top:50%;left: 50%;
    transform:translate(-50%,-50%);    
}    

四、Img標簽事件：

　　1.使用HTML DOM Event 對象的 onerror事件可以對顯示異常的圖片進行處理。

<img src="img/1.jpg" alt="這是一張圖片" onerror="alert(this.alt)">