Bootstrap Popover - 頂部空白處

我使用角度引導來創建彈出窗口。Bootstrap Popover - 頂部空白處

由於某些原因，彈出窗口頂部創建彈出窗口時會留下大量空間。請檢查附加的圖像。

灰色的矩形是我的文本[我必須保持它隱藏]，你可以看到很多矩形頂部的空白。我不確定什麼CSS樣式導致它。

這些是popover唯一關心的CSS樣式。

.popover { 
    white-space: pre-wrap !important; 
} 


.popover-content { 
    color: black !important; 
    font-size: 14px; 
    font-family: "Times New Roman", Times, serif; 
    text-align: center; 
}

更新：

這裏是現場demo

我知道這是導致其預包裝，我要的是酥料餅的文字在中心對齊，在新行包，而不是溢出了popover窗口。

enter image description here

來源

2015-02-05 Ajit

任何網址檢查或jsfiddle的例子看到這個問題沒有，不禁嗎？ – 2015-02-05 13:08:12

同意@NadeemmnnMohd，如果沒有代碼示例和/或小提琴，蹲跳者或其他任何東西的錯誤證據，就無法回答。 – davidkonrad 2015-02-05 17:30:30

問題是與CSS

.popover { 
    white-space: pre-wrap !important; 
}

變化

.popover { 
white-space: normal !important; 
word-break: break-all!important;

}

然後工作正常

來源

2015-02-07 06:07:40

我想保留新的行，您的解決方案新行被廢棄。 – Ajit 2015-03-04 01:56:00

把白色-SP關於.popover-content（不在.popover）上的王牌規則

.popover-content { 
    white-space: pre-line; 
}

來源

2015-10-07 11:58:08 Olivier

Bootstrap Popover - 頂部空白處

回答

相關問題