您现在的位置是：网站首页> 编程资料编程资料
CSS设置文字图片垂直居中的方法总结_CSS教程_CSS_网页制作_
2021-09-12
1033人已围观
简介 这篇文章给大家演示了在不知道高度的情况下图片如何垂直居中对齐，文中给出了实例代码，有需要的朋友们可以参考借鉴。下面来一起看看吧。
其实很简单，只需要在尾部增加一个 ，然后把需要垂直居中的元素设置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" 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_网页制作_
- DIV点击折叠实例代码_Div+CSS教程_CSS_网页制作_
- DIV始终浮动在页面底部_Div+CSS教程_CSS_网页制作_
- 纯CSS3代码实现switch滑动开关按钮效果 _css3_CSS_网页制作_
- Dreamweaver CC 2017怎么切换界面样式?_Dreamweaver教程_网页制作_
- Dreamweaver怎么绘制视化表格?_Dreamweaver教程_网页制作_
- Dreamweaver CC怎么制作纯文本的网页?_Dreamweaver教程_网页制作_
- dreamweaver常用工具怎么添加到收藏夹?_Dreamweaver教程_网页制作_
- Dreamweaver中怎么链接本地视频?_Dreamweaver教程_网页制作_
- Dreamweaver怎么给页面添加时间?_Dreamweaver教程_网页制作_
