ngbTooltip in Angular不在項目的中心

有誰知道爲什麼工具提示不在項目的中心（中心 - 頂部）嗎？ngbTooltip in Angular不在項目的中心

這裏是圖片...你可以看到它的一點點在頂部中央的正確

和同樣是在其他項目..這將是更容易看到

這裏是我的html代碼：

<button class="btn btn-icon coverage-item " 
     type="button" 
     placement="top" 
     ngbTooltip="Incendio"> 
    <img src="/assets/img/coverages/icon_thunderbolt.svg"/> 
</button>

，這是SCSS代碼：

@import "~bootstrap/scss/_functions.scss"; 
@import "../../scss/variables"; 

.coverage-item { 
    background: $white; 
    border: 1.5px solid $brand-primary; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem; 
} 

.coverage-item__new { 
    background: $white; 
    border: 1.5px dashed $gray-lighter; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem;

來源

2017-09-08 Matej Mejak

什麼是工具提示的CSS？這對於這個問題是至關重要的。 – Tijmen

我不認爲任何人都可以在沒有複製場景的情況下進行猜測（我將其稱爲ng-bootstrap作者之一）。你可以嘗試在重拳中重現它嗎？你可以從這一開始：http://plnkr.co/edit/criNVo28tU3rm4mZjMCk?p=preview –

@Tijmen它是一個靴子默認的CSS，如果這是你的意思。 ahhh yeap plnkr，忘了它..謝謝我會盡力重現它，我會回來。 –

我只是說此代碼，以我的SCSS文件，它的工作。

app-coverage-item { 
    .tooltip { 
    margin-left: -2px; 
    } 
}

來源

2017-09-11 11:55:48

ngbTooltip in Angular不在項目的中心

回答

相關問題