hint.css手动换行提示

Question

如何在Hint.css提示中应用手动换行符？

我几乎什么都试过了：<br>, \n,和它们的组合。

我还在CSS中尝试了一些东西：

white-space: normal;
word-wrap: break-word;
word-wrap: no-wrap;
word-wrap:break-word
white-space: nowrap;

Now：如果没有断行，提示是一行高的，但任何长度都很长。

理想的：在我想要的任何地方应用手动换行，保留未触及的提示而不中断行。

Answer 1

答案是：

https://github.com/chinchang/hint.css/issues/24

在行动中：

[http://jsfiddle.net/gVPty/][2]

Answer 2

我今天很难回答这个问题，所以我发布了我的解决方案：

我需要工具提示来自动打破线-因为一些工具提示我无法控制内容。因此，解决方案是在工具提示元素中添加“换线器”属性：

```javascript

类*=提示-：{

min-width: 300px;

white-space: pre-wrap;

word-break: break-all;

}

min-width是设置好的，所以当你有一个像“)这样的字符串时，它不会在不考虑最小宽度的情况下将所有”a“分解为新行下面是一个例子：http://plnkr.co/edit/CfTCxaqPxd1K2Jx5P7nc

Answer 3

Im使用v2.3.1并必须添加此CSS才能使换行符工作：

[class*=hint--][aria-label]:after {
  white-space: pre;
}

我使用
作为断线字符。