手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS实现同一行的图片和文字垂直居中对齐的方法
CSS实现同一行的图片和文字垂直居中对齐的方法
摘要:本文实例讲述了CSS实现同一行的图片和文字垂直居中对齐的方法。分享给大家供大家参考。具体分析如下:有些朋友会发现,如果一行内容中有图片有文字...

本文实例讲述了CSS实现同一行的图片和文字垂直居中对齐的方法。分享给大家供大家参考。具体分析如下:

有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对齐了。

代码如下:

【CSS实现同一行的图片和文字垂直居中对齐的方法】相关文章:

控制DIV中文字绝对居中的简单方法

css实现body背景图片水平垂直居中方法

CSS表单元素垂直居中完美解决方案

CSS实现左图右文混排布局的方法

div+css垂直居中的五种实现方法

CSS实现让同一行文字和输入框对齐的方法

DIV垂直居中的办法

CSS中文字体对应的英文写法

DIV+CSS 全屏垂直居中的一个办法

CSS隐藏文字的方法

精品推荐
分类导航