有文字和图片的文字垂直居中
当一行内有文字和图片的时候,图片高度和文字高度不同,文字将会呈现在图片的底部而非居中
解决方法一:
将文字和图片拆分成两个块级元素,文字设置line-height将文字垂直居中;
方法二:
图片设置vertical-align:middle;
<p>我是文字 <img src=”img/btn_search_box.gif” style=”vertical-align:middle” /> </p>
微信订阅文章更新
当一行内有文字和图片的时候,图片高度和文字高度不同,文字将会呈现在图片的底部而非居中
解决方法一:
将文字和图片拆分成两个块级元素,文字设置line-height将文字垂直居中;
方法二:
图片设置vertical-align:middle;
<p>我是文字 <img src=”img/btn_search_box.gif” style=”vertical-align:middle” /> </p>
夏日博客
2016年8月12日 14:29
简单的图文居中。