html - 在 Bootstrap 工具提示中强制换行

标签 html css twitter-bootstrap tooltip line-breaks

<分区>

我有一个“li”元素,其中包含一个弹出 Bootstrap 工具提示的标签。

<label class="radio dropClick centTooltip" data-toggle="tooltip" data-placement="right" title="Here are some words that will show up in the tooltip">
    <input type="radio" class="centTooltip" name="cents" id="optionsRadios2" value="AA">
    Hover for ToolTip! 
</label>

如何在“that”和“will”之间强制换行?我不想使用工具提示的 () {html : true} 选项来应对 XSS 攻击的风险。

最佳答案

我发现使用上面的半重复的正确答案是将 CSS 设置为:

.tooltip-inner {
    white-space: pre-wrap;
    min-width: 100px;
}

关于html - 在 Bootstrap 工具提示中强制换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17605450/

上一篇:javascript - setTimeout无故启动且无法停止

下一篇:css - 是否可以使用纯 CSS,最好兼容版本 2

相关文章:

jquery - 需要帮助调整子菜单的边距和行高

css - ReactJS+MaterialUI v1 自动嵌套列表填充

html - 使用居中文本在 html 中创建椭圆

javascript - Twitter Bootstrap 3 - Navbar Fixed Top - 多行时重叠内容

css - 在 bootstrap navbar 和 jumbotron 之间创建空间

javascript - 我可以在网站上使用没有 ionic 的 ionic 组件吗?

java - 使用java的xsl多输出

html - 如何让分页符显示在打印窗口中的 div 之后?

javascript - 如果我将按钮放在框元素下方,则切换按钮不起作用

javascript - 如何将 jQuery 动画反转回原始 CSS 属性