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

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

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

代码如下:

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

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

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

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

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

CSS中图片于文本的基线对齐设置

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

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

CSS实现图片圆角化处理

CSS强制换行对齐的实现方法

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

精品推荐
分类导航