就需要转化

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

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

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

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

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


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

    /*第一种
，和行内块元素有效
  • 可以转化成行内块元素，标签不是图像基线对齐*/
    vertical-align: middle;

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

  • 背景图片话 ，标签

    .图片插入

    <img src="" alt="">


    3.图片模糊

    filter: blur(5px);

    文本基线

    4.图片和文字居中


    导读

    1. 只针对行内元素，