2 如何将文本放置在 标签上?

发布于 2024-12-05 12:10:32 字数 105 浏览 1 评论 0原文

我只是想知道如何将 html 文本放在 .我应该使用绝对位置吗?

只是让你知道我将在流体网格布局中使用 img。

感谢您的想法?

Im just wondering how to place html-text on a . Shall I use the absolute -position for this matter?

Just so you know Im gonna use the img in a fluid-grid layout.

Thanks for yr ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

绝情姑娘 2024-12-12 12:10:32

要将文本放置在悬停时的图像标签上,请使用此...

<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 像素的位置显示文本,并在考虑图像尺寸为 100x100 像素时显示 20 像素。

To place text on an image tag on hover use this...

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

The title will display when someone hovers over the image. The alt tag is what is shown when the image for some reason or another cannot be displayed. These are both useful attributes to use as some screen readers will use the title tag.

If you want actual text over the image you could do something like...

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

This will display the text 20 pixels from the top of your image and 20 pixels in considering your image is 100x100px.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文