不是图像基线对齐*/
vertical-align: middle;

/*第二种基线对齐*/
display: inline-block;

.图片插入

<img src="" alt="">


3.图片模糊

filter: blur(5px);

文本基线

4.图片和文字居中


导读

  1. 只针对行内元素 ，就需要转化

  2. 文本域也可以使用这样的图像方式对齐

/*中部对齐*/
vertical-align: middle;

/*顶端对齐*/
vertical-align: top

/*低端对齐*/
vertical-align:bottom

/*默认在父元素的基线上*/
baseline


5.图片底侧会有空白的缝隙

/*第一种，和行内块元素有效
  • 可以转化成行内块元素
，标签display: inline-block;
  • 背景图片话	，图像