BootStrap ToolTip内容换行

1 一说是改源码

template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div>' + '</div>',

改成

template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<pre class="tooltip-inner"></pre>' + '</div>',

将DIV标签换成PRE标签,就可以正常识别换行符(/n)

2 另一说改样式

.tooltip-inner {
  white-space:pre-line; //保留换行符,其他都与normal的处理规则一致 
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

上述两种方法亲测皆可实现换行目标,在此记录一下~

posted @ 2024-08-09 17:27  DreamerSix  阅读(126)  评论(0)    收藏  举报