溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了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_p{
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)">
上述內容就是HTML中img標簽的用法有哪些，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
