在網頁設計中，圖片是非常常見的元素之一。但是，有時候圖片的大小會超出了所在元素的大小，這時候就需要使用圖片溢出代碼來控制圖片的顯示。下面就來介紹一下HTML圖片溢出代碼的寫法。

1. object-fit屬性

object-fit屬性是CSS3中新增加的一個屬性，可以用來控制圖片的顯示方式。它有以下幾個值：

- fill：默認值，圖片會拉伸以適應元素的大小，可能會導致圖片變形。tain：圖片會縮放以適應元素的大小，保持原始寬高比，可能會留有空白。

- cover：圖片會縮放以填滿元素的大小，保持原始寬高比，可能會被裁剪。one：圖片不會被縮放，可能會溢出元素。：圖片會縮放以適應元素的大小，但是如果縮放后的大小小于原始大小，則保持原始大小。

例如，以下代碼可以讓圖片在div元素中居中顯示，并保持原始寬高比：

```tentterster;gpletainaxax-height: 100%;

</div>

2. overflow屬性

overflow屬性可以控制元素內容的溢出方式。它有以下幾個值：

- visible：默認值，元素內容會溢出元素。：元素內容會被裁剪。

- scroll：元素會出現滾動條，可以滾動查看溢出內容。

- auto：如果元素內容溢出，則會出現滾動條，否則不會。

例如，以下代碼可以讓圖片在div元素中居中顯示，并裁剪溢出部分：

```tentterster;gpleaxax-height: 100%;

</div>

以上就是HTML圖片溢出代碼的寫法。通過object-fit屬性和overflow屬性的控制，可以讓圖片在網頁中得到完美的顯示效果。如果您對這些屬性還不熟悉，建議多進行實踐，加深理解。