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

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

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

代码如下:

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

CSS图片垂直居中方法整理集合

DIV垂直居中的办法

CSS隐藏文字的方法

CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)

CSS制作水平垂直居中对齐 多种方式各有千秋

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

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

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

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

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

精品推荐
分类导航