【问题标题】:¿How to use complex html with Daisy UI Tooltip?¿ 如何在 Daisy UI Tooltip 中使用复杂的 html?
【发布时间】:2022-07-19 04:43:06
【问题描述】:

例子:

<div class="tooltip" data-tip="hi<br>hi" data-html="true">
    ...
</div>

工具提示中的此输出:

hi<br>hi

我怎样才能得到这个输出:

hi
hi

【问题讨论】:

    标签: html frontend tooltip tailwind-css


    【解决方案1】:

    默认情况下,Daisy UI 工具提示是有限的。但是,我认为您可以使用 CSS 选择器“.tooltip: before”来实现您所需要的。

    解决您的问题:

    • 使用 即嗨 嗨

    • 添加这些类 - 'before:whitespace-pre'、'before:content-[attr(data-tip)]'

      ...

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-04
      • 2020-11-15
      • 2016-03-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-20
      相关资源
      最近更新 更多