css图片垂直拉伸 |volist css

img {
height: 100%; /* 设置图片高度为100% */
width: auto; /* 自适应宽度 */
object-fit: fill; /* 图片填充模式为fill */
object-position: 50% 0; /* 图片位置为垂直居中 */
}

通过上述CSS代码，可以实现图片垂直拉伸的效果。其中height属性设置图片高度为100%；width属性设置图片宽度自适应，object-fit属性设置图片填充模式为fill，从而拉伸图片使其充满整个容器；object-position属性设置图片位置为垂直居中。

需要注意的是，在使用该效果时，一定要确保容器高度与宽度成比例，否则图片会被拉伸变形。

除了上述方法，还有其他的实现方式，例如使用background-image属性代替img标签，并设置background-size属性，同样可以实现图片的垂直拉伸效果。

总之，在实现图片垂直拉伸的效果时，要根据具体情况选择适合的方式，同时保证在不影响页面美观度的前提下实现这一效果。