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文件中，在伪元素之后将以下两个CSS属性添加到.hint类。

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

Answer 2

您已将固定宽度设置为150px。尝试不使用宽度，或者如果您需要最小宽度，请使用最小宽度。

Answer 3

我发现这个问题与特定于域的特定代码有关，这些代码与hint.css的结构方式交织在一起。我不得不将hint.css重写为自定义解决方案以使其工作。

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

3 个答案: