.图片插入

<img src="" alt="">


3.图片模糊

filter: blur(5px);

文本基线

4.图片和文字居中


导读

  1. 只针对行内元素，和行内块元素有效

  2. 可以转化成行内块元素，标签不是图像基线对齐*/
    vertical-align: middle;

    /*第二种基线对齐*/
    display: inline-block;就需要转化

  3. 文本域也可以使用这样的标签方式对齐

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

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

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

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


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

/*第一种，display: inline-block;
  • 背景图片话，图像