提示中的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;

现在：没有换行符，提示是一行高，但任何长度。

理想情况：在我想要的任何地方应用手动换行符，留下未触及的提示，不带换行符。

Answer 1

找到答案：

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

行动中：

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

Answer 2

今天我正在努力解决这个问题，并且遇到了这个答案，所以我发布了我的解决方案：

我需要工具提示来自动断行 - 因为有些工具提示我无法控制内容。因此，解决方案是添加＆＃34;断路器＆＃34; tooltip元素的属性：

```

[class*=hint--]:after {
    min-width: 300px;
    white-space: pre-wrap;
    word-break: break-all;
}

```

设置min-width时，如果你有一个像＆＃34; aaaaaaaaaaaaaaaaaaaaaaaa＆＃34;它并没有考虑到最小宽度而将所有的＆＃34; a＆＃34s分解成新的行。以下是一个示例：http://plnkr.co/edit/CfTCxaqPxd1K2Jx5P7nc

Answer 3

我正在使用v2.3.1并且必须添加此CSS以使换行工作：

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

我使用
作为换行符。