如何在<img/> - 标签上放置2个文字？

Question

我只是想知道如何将html-text放在一个。我应该使用绝对位置吗？

就是这样，你知道我会在流体网格布局中使用img。

感谢您的想法？

Answer 1

要在悬停时在图片标记上放置文字，请使用此...

<img src="#" title="YOUR TEXT HERE" alt="" width="" height="" />

当有人将鼠标悬停在图像上时，将显示标题。 alt标签是由于某种原因无法显示图像时显示的内容。这些都是有用的属性，因为一些屏幕阅读器将使用标题标记。

如果您想在图像上显示实际文字，可以执行类似...

的操作

<img src="#" title="YOUR TEXT HERE" alt="" width="100" height="100" /><span style="margin: 20px 0 0 -80px;">YOUR TEXT</span>

这将显示距离图像顶部20个像素的文本和20个像素，考虑到您的图像是100x100px。