使用多行图像标题标记时减小行间距

时间:2012-12-27 22:06:53

标签: html tags title

我为一个语句创建了一个标题标签,并使用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命令,但它没有用。 我试过完全绕过现有的,但也没有用。

任何想法???

2 个答案:

答案 0 :(得分:3)

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

几秒钟后,工具提示也会消失。如果文本长达几行,那么可用性的梦魇真的很糟糕。

士气是基于完全不同的技术使用“CSS工具提示”要好得多。 (你也可以使用JavaScript,但并不是真的需要它。)

答案 1 :(得分:1)

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

中选择