CSS设置文字图片垂直居中的方法总结

这篇文章给大家演示了在不知道高度的情况下图片如何垂直居中对齐,文中给出了实例代码,有需要的朋友们可以参考借鉴。下面来一起看看吧。

其实很简单,只需要在尾部增加一个 ,然后把需要垂直居中的元素设置display:inline-block; vertical-align:middle;

看看效果图

实例代码

复制代码
代码如下:





display: block;
http://static.mukewang.com/static/img/common/logo.png-600" />



文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文
http://static.mukewang.com/static/img/common/logo.png-600" />


http://static.mukewang.com/static/img/common/logo.png-600" width="250"/>
http://static.mukewang.com/static/img/common/logo.png-600" width="250"//>
http://static.mukewang.com/static/img/common/logo.png-600" width="250"//>
http://static.mukewang.com/static/img/common/logo.png-600" width="250"//>







第一行
1313
第一行
1313



总结
以上就是这篇文章的全部内容了,希望对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。

以上就是CSS设置文字图片垂直居中的方法总结的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程