使用多行图像标题标签时减少行距答案

【问题标题】：Decrease the line spacing when using a multi-line image title tag使用多行图像标题标签时减少行距
【发布时间】：2012-12-13 06:31:01
【问题描述】：

我已经为一个语句创建了一个标题标签，并正在使用 php 命令和
为标题创建多行。有没有办法减少这些行之间的行距或另一种方法在标题标签中有多行？对于这个多行文本，我需要使用 SIZE 和 LINE-HEIGHT 命令以及其他命令。

这就是我所拥有的：

<a href="http://www.mydomain.com/storage/<?php echo $rows['file']; ?>" 
title="<?php echo $rows['field1'].$rows['field2']; echo "<br>";?>line 2
<?php echo "<br>"; ?>Line 3">Click Here</a>

我在 SIZE 的标签中尝试了 STYLE 命令，但它不起作用。我已经尝试完全围绕现有的，但这也不起作用。

有什么想法吗？？？

【问题讨论】：

为什么不使用基于 Javascript 的工具提示脚本并取消设置属性？例如：sixrevisions.com/css/css-only-tooltips
不确定这是否是你想要的，但是：\n 嵌入在 PHP 代码中将强制在你的代码中换行；您可以尝试一下，并查看使用了\n 的 HTML 源代码。

标签： html tags title

【解决方案1】：

浏览器从title 属性生成的工具提示不能在 CSS 中或以任何其他方式设置样式。（字体可以由用户更改，但不能由作者更改。）浏览器应该尊重这些值中的换行符，但这不能指望。

工具提示也会在几秒钟后消失。如果文本有几行长，那真是一场可用性噩梦。

鼓舞士气的是，使用基于完全不同技术的“CSS 工具提示”要好得多。（您也可以使用 JavaScript，但它并不是真正需要的。）

【讨论】：

【解决方案2】：

对于标题文本中的换行符，您只需在值中添加换行符。有关该部分的更多详细信息，请参阅How can I use a carriage return in a HTML tooltip?。不确定是否可以使用 CSS 调整此文本的大小/间距，尽管您可以使用 DIV 标签和一些 jQuery 创建自定义弹出窗口。然后你就可以完全控制它们的外观。也许使用某人已经构建的东西，http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ 有很多可供选择

【讨论】：