html - hint.css 用内容扩展工具提示高度

Question

我正在使用 HINT.css对于工具提示，我不能为了上帝的爱得到工具提示来扩展内容。我试过清除固定，设置高度等等，但无济于事。基本上我想说:

&:after
        content: attr(data-hint)
        background: $defaultColor
        color: white
        padding: $verticalPadding $horizontalPadding
        font-size: $fontSize
        line-height: $fontSize // Vertical centering.
        width: 150px
        min-height: 10px

然后 div 将随着内容一起扩展(基本上是为了防止越界的情况)

<div class="hint" data-hint="Some very very very very very long tooltip going past 150px and should be multilined"></div>

Answer 1

在插件的CSS文件中，在伪元素后的.hint类中添加如下两个CSS属性。

.hint:after
{
    width: 150px;
    white-space: pre-wrap;
    word-wrap: break-word;
}