BootStrap ToolTip內(nèi)容換行
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標(biāo)簽換成PRE標(biāo)簽,就可以正常識(shí)別換行符(/n)
2 另一說改樣式
.tooltip-inner { white-space:pre-line; //保留換行符,其他都與normal的處理規(guī)則一致 max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }
上述兩種方法親測(cè)皆可實(shí)現(xiàn)換行目標(biāo),在此記錄一下~
浙公網(wǎng)安備 33010602011771號(hào)