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

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

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

代码如下:

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

css中元素水平垂直居中4种方法介绍

css中不确定高度垂直居中2种方法

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

用CSS实现垂直居中的3种方法

css实现文字过长显示省略号的方法

Input标签与图片按钮水平对齐解决方法

纯CSS实现的鼠标经过文本时提示的信息

纯CSS实现鼠标悬停提示的方法

CSS实现图片圆角化处理

CSS实现段落首行缩进两个字符不再使用空格

精品推荐
分类导航