Bootstrap popover 隐藏换行符

Question

我正在使用如下 html 代码来显示引导程序弹出窗口

<a data-original-title="" data-content="Hi,
           Welcome !

           Sincerely,
             programmer
           "
   data-placement="bottom">
    content
</a>

我按如下方式初始化了弹出窗口

$(this).popover({
            html:true
        });

一切正常，但问题是数据内容中的可用内容未与空格一起显示….它删除了所有新行并将其显示在单行中….我如何克服这个….

原文由 Aravindhan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要使用 <br/> 在 html 中换行或使用 <pre> 标签

确保 data-html="true" 属性存在。

原文由 Arun P Johny 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以使用 white-space: pre-wrap; 来保留格式中的换行符。无需手动插入 html 元素。

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

原文由 AncientSyntax 发布，翻译遵循 CC BY-SA 3.0 许可协议