HTML中如何使图片和文字垂直居中对齐

时间:2018/2/6 9:57:42  作者:Mho  来源:守望幸福  查看:56494  评论:0
内容摘要:HTML中如何使图片和文字垂直居中对齐,在 img{} 标签中添加以下修饰:display:inline-block;vertical-align:middle
    HTML中如何使图片和文字垂直居中对齐

    web开发中,我们经常遇到的一个问题是,当将图片和文字放置在一个div标签的时候,如果不加任何修改,是无法水平居中对齐的,显然这个不是很美观,解决方法是:在 img{} 标签中添加以下修饰:

display:inline-block;vertical-align:middle


如下图:
HTML中如何使图片和文字垂直居中对齐


HTML中如何使图片和文字垂直居中对齐





相关评论

图库精选