工具提示一行文字

Question

<td title="this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</td> 

这是正确的方法吗？

Answer 1

是的，这就是你应该如何将工具提示分配给html元素。但我不会在<td>上使用它。尽管我没有对它进行测试，但我觉得如果您直接在表格行/单元格上使用它们，您可能会遇到某些浏览器中的问题，因为这些元素与其他元素的行为有所不同。您应该使用更多“常规”元素，例如<div>,<范围>,<img>或<输入>。

Answer 2

title属性在td标记内不起作用。跨度标签中附上文字来代替：

<td> 
    <span title="this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</span> 
</td> 

Answer 3

我@DrJokepu同意，该title属性是做到这一点的方式，但可能不是TD元素，尝试ABBR元素，这就是它是，或者失败了，简单的SPAN可能是最好的。

Answer 4

标题的最大长度。大约80个字符（在FF2上测试）。

所以，如果你的文字很长，标题将无济于事。有几个很好的CSS/JavaScript工具提示解决方案，可以显示你需要的任何东西。

Answer 5

您将如何格式化文本以显示换行符？在IE 7.0中

<title="long line of text\nanotherlong line of text" /> 

按预期工作 - 但在Firefix 3.01中，“\ n”更改为空格。使用<br/>也没有帮助。

Answer 6

FF2具有防止它显示长标题中的错误：https://bugzilla.mozilla.org/show_bug.cgi?id=45375

是不是冠军的核心属性？所以它在几乎所有的标签上都是有效的（例如html，head等）。

Answer 7

我很欣赏最终的结果 - 我只是想通过一小段格式化行只是包括换行符。不管:)

Answer 8

如果你想在提示一些控制，你可以尝试修改该您的需求 css Tooltip