您现在的位置是：网站首页> 编程资料编程资料

CSS设置文字图片垂直居中的方法总结_CSS教程_CSS_网页制作_

2023-11-10 198人已围观

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

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

看看效果图

实例代码

复制代码

代码如下:

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

文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文文

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

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

第一行
1313第一行
1313

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

上一篇：CSS3实现跳动的动画效果_css3_CSS_网页制作_

下一篇：利用CSS3的flexbox实现水平垂直居中与三列等高布局_css3_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

CSS设置文字图片垂直居中的方法总结_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢