如何使用ngx-bootstrap的工具提示整齐地显示图像

时间：2019-12-04 03:30:20

标签： angular ngx-bootstrap

我要使用ngx-bootstrap的工具提示显示图像。

问题

  • 工具提示的宽度不足，图像突出。
  • 第一次的显示位置与第二次及以后的显示位置不同。

1st
enter image description here

第二
enter image description here

有没有改善的方法？

stackblitz

  • Angular CLI：8.3.19
  • 节点：12.12.0
  • 操作系统：darwin x64
  • 角度：8.2.14
  • 引导程序：“ ^ 4.3.1”
  • ngx-bootstrap：“ ^ 5.2.0”

1 个答案:

答案 0 :(得分：0)

您可以通过如下设置img标签的宽度来处理它。

<img id="tool-tip" src="https://placehold.jp/200x200.png"/>

#tool-tip {
  width: 180px;
}

因此它始终整齐地位于工具提示中。 这是演示-https://stackblitz.com/edit/angular-pazo79

相关问题
最新问题