iView的Poptip气泡提示内容换行不生效怎么办？

我之前踩过这个坑，Poptip的换行问题确实挺烦人。首先你得知道Poptip的内容默认是用span包裹的，而span是行内元素，这会导致换行样式不起作用。

我的解决办法是在Poptip的内容部分包一层div，这样就变成了块级元素。然后在你的CSS里直接针对这个div写样式就行了。

<Poptip trigger="hover">

  <div>第一行内容<br>第二行内容</div>

</Poptip>

另外记得把样式加到全局style里，scoped可能会影响到样式的生效。我就是在这里栽过跟头，以为在scoped里写就够了，结果死活不生效。

最后别忘了给这个div加上明确的宽度，不然它会自动撑开导致看起来像没换行一样。宽度设个固定值或者百分比都行，具体看你的布局需求。

可以试试这样，在 Poptip 的 content 属性里使用 n 来实现换行。有时候直接在模板字符串里写回车是不行的。比如：

然后确保你的 CSS 没有覆盖掉这个效果，你可以试试直接在全局样式里加上：

.ivu-poptip-body-content {

  white-space: pre-wrap !important;

}

注意看是不是加到了 .ivu-poptip-body-content 这个类上，而不是 .ivu-poptip-body。有时候 iView 的结构会有点深，得具体点才行。