包装标题属性

Question

Firefox不会在a title属性中包含文字：

<a title="longword"></a>

在这种情况下，有没有办法进行自动换行？我尝试过：

<a title="longword" style="word-wrap:break-word;"></a>

但它不起作用。

相反，Chrome会自动换行。

Answer 1

对于它的价值，HTML5 specifications处理title属性中的换行符的唯一部分是：

  

如果title属性的值包含U+000A LINE FEED (LF)个字符，则内容将分为多行。每个U+000A LINE FEED (LF)字符代表一个换行符。

所以你可以分解服务器端的title属性，尽管这不太可能是理想的解决方案。或者，您可以尝试插入zero width spaces，但浏览器对此的支持也可能不一致。

Answer 2

不，你不能让Firefox偏离渲染title属性值的方式;比照到How can I use a carriage return in a HTML tooltip?

使用title属性创建的工具提示具有可疑的可用性（用户无法轻易增加的小字体;几秒钟后消失;等等），因此它们适合（最多）用于简短的咨询标题（主要用于链接），不需要包装。

对于更长的工具提示，请考虑使用CSS技术。或者只是将提示放入正确的文本中。

Answer 3

使用转义n，例如：

<input type="text" title="first line \n second line"></input>