中img標簽是用來添加圖片的，如。但是有時我們需要設(shè)置圖片的寬高比，可以使用HTML中的width和height屬性或者CSS的屬性來解決。下面就來介紹一下如何實現(xiàn)。 在HTML中使用width和height屬性 在標簽中，可以使用width和height屬性來設(shè)置圖片的寬和高，其中width是寬度，height是高度。代碼如下所示：

<img src="圖片路徑" alt="圖片描述" width="200" height="100"></img>

上面代碼中的width和height屬性值是像素值，可以根據(jù)實際情況進行調(diào)整。 使用CSS來設(shè)置寬高比 在CSS中，可以使用padding-bottom屬性來設(shè)置圖片的寬高比。代碼如下所示：

img {padding-bottom: 50%}

這里的50%表示容器的寬度的50%作為圖片的高度，容器的寬度由圖片展示的父元素決定。 使用html和css聯(lián)合設(shè)置寬高比 HTML中的width和height屬性和CSS中的padding-bottom可以一起使用來設(shè)置圖片的寬高比。代碼如下所示：

<img src="圖片路徑" alt="圖片描述" width="200" height="100" style="padding-bottom: 50%;"></img>

這種方法可以在保證圖片大小的同時，確保圖片寬高比。 總結(jié) HTML和CSS是實現(xiàn)圖片寬高比的兩種常用方法。使用width和height屬性可以在HTML標簽中設(shè)置圖片的寬高，使用padding-bottom屬性可以在CSS中設(shè)置圖片容器的寬高比。兩種方法可以相互結(jié)合，實現(xiàn)更為靈活的圖片寬高比設(shè)置。