在 CSS 中，圖片對齊是一個重要且常見的問題。其中，vis是一種圖片對齊方式，該方式能夠讓圖片垂直居中，并讓圖片的寬度自適應。

img {
display: block;
margin: 0 auto;
}
img.vis {
vertical-align: middle;
max-width: 100%;
}

以上是使用vis對圖片進行對齊的 CSS 代碼示例。首先，在不使用vis的情況下，我們可以使用display: block; margin: 0 auto;將圖片居中，并使其寬度自適應。但是圖片仍然會對齊到底部，缺乏垂直居中的效果。

因此，我們需要使用vertical-align: middle;來實現垂直居中的效果。同時，為了讓圖片在寬度超過容器時保持比例，我們使用了max-width: 100%;的屬性，使圖片寬度不超過容器寬度。

總的來說，使用vis對圖片進行對齊是一種簡單而有效的方法。同時，我們可以根據需要進行調整，例如使用padding、line-height等屬性來控制圖片與其他元素的間距。