El ícono icon se usa en la etiqueta span, y el ícono y la posición del texto se alinean horizontalmente

Usar fondo:

El ícono icon está anidado en la etiqueta span y la posición del ícono y la posición del texto no se pueden alinear horizontalmente
inserte la descripción de la imagen aquí

Solución:

<span>转移方式
   <y-tooltip class="item" effect="dark" content="固定资产、研发领料将忽略此设置,统一采用复制" placement="top">
   // icon的style中postion和top是重点
    <y-icon
      style="position:relative;top:7px;margin-right:10px"
      class="icon-class"
      name="common_catalogue_m@yabby"
    ></y-icon>
  </y-tooltip>
</span>

1. Establezca el estilo en el ícono , aquí uso el estilo en línea
2. Primero configure la posición en posición relativa, relativa
3. Luego, de acuerdo con la posición del ícono en relación con el texto, es suficiente usar el atributo superior , que generalmente es un poco más alto Para el texto, así que establezca la altura relativa para la parte superior, está bien
inserte la descripción de la imagen aquí

おすすめ

転載: blog.csdn.net/weixin_45717984/article/details/124794087