从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章将为大家详细讲解有关css图片怎么实现垂直,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联成立于2013年,先为路北等服务建站,路北等地企业,进行企业商务咨询服务。为路北企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
vertical-align属性
我们使用text-align属性来定义图片水平对齐方式。
大家就开始有疑问了,图片水平对齐我们实现了,那如果想对图片进行垂直对齐呢?
在CSS中,我们可以使用vertical-align属性来定义图片的垂直对齐方式。
语法:vertical-align:属性值;
vertical-align还有sub、super等一些属性值,对于这些我们不需要去理会,因为在实际开发中压根儿用不上。我们只需要使用以上这4个属性值就完全足够了。
举例1:
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中文网
php中文网
php中文网