html图片纵向变,css图片如何实现垂直？

vertical-align属性

我们使用text-align属性来定义图片水平对齐方式。

大家就开始有疑问了，图片水平对齐我们实现了，那如果想对图片进行垂直对齐呢？

在CSS中，我们可以使用vertical-align属性来定义图片的垂直对齐方式。

语法：vertical-align:属性值;

vertical-align还有sub、super等一些属性值，对于这些我们不需要去理会，因为在实际开发中压根儿用不上。我们只需要使用以上这4个属性值就完全足够了。

举例1:

vertical-align属性

img{width:80px;height:80px;}

#img_1{vertical-align:top;}

#img_2{vertical-align:middle;}

#img_3{vertical-align:bottom;}

#img_4{vertical-align:baseline;}

php中文网php中文网(top)

---

php中文网php中文网(middle)

---

php中文网php中文网(bottom)

---

php中文网php中文网(baseline)