有文字和图片的文字垂直居中

作者: Rememberautumn 分类: css,Web前端 发布时间: 2016-07-27 08:31 阅读: 2,501

当一行内有文字和图片的时候,图片高度和文字高度不同,文字将会呈现在图片的底部而非居中

解决方法一:

将文字和图片拆分成两个块级元素,文字设置line-height将文字垂直居中;

方法二:

图片设置vertical-align:middle;

<p>我是文字&nbsp;&nbsp;<img src=”img/btn_search_box.gif” style=”vertical-align:middle” /> </p>

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注