【问题标题】:how to do bootstrap tipsy tooltip multiline如何做引导提示提示多行
【发布时间】:2014-05-24 18:43:36
【问题描述】:

如标题所示,如何将工具提示分成两行?

我也会使用一些 html 标签(如 span 或 p)。

我已经尝试过 html 实体,它不起作用。 Some<br> text

【问题讨论】:

    标签: jquery twitter-bootstrap-3 tipsy


    【解决方案1】:

    切换工具提示的 html 元素必须有一个 data-html 属性,其值为true

    例子:

    <button type="button"
            class="btn btn-default"
            data-toggle="tooltip"
            data-html="true"
            data-placement="right"
            title="Tooltip on right">Tooltip on right</button>
    

    data-html="true" 会将 HTML 插入到工具提示中。 如果为 false,jQuery 的 text 方法将用于将内容插入 DOM。 如果您担心 XSS 攻击,请使用文本。

    添加此属性后,您可以使用 &lt;div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt; 等块元素将工具提示内容拆分为多行。

    我想你也可以在两行之间添加一个换行符:&lt;br&gt;

    文档here。 // 检查选项表。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-03-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-30
      • 1970-01-01
      相关资源
      最近更新 更多