我想用一个img标签的title属性内容在图片下面写一个图例：
<img title="This is my cat's legend" src="pet-cat-eye.jpg"/>
必须显示如下：
+--------------+
| |
| _ _/| |
| \'o.0' |
| =(___)= |
| U U |
+--------------+
This is my cat's legend
而且我只想使用 CSS。有没有可能实现？
我围绕img[title*=legend] 进行了一些实验，但没有按照我的意愿显示...
【问题讨论】：
您好，欢迎来到 StackOverFlow ！
图片属性并不意味着要显示在图片下方。
相反您可以在图片声明下使用<figcaption> 之类的东西将其放在图片下方。
考虑到这一点，您的代码将如下所示：
<figure>
<img alt="cat picture" src="pet-cat-eye.jpg"/>
<figcaption>This is my cat's legend</figcaption>
</figure>
让我知道这是否有效！
进一步说明： 当您将鼠标悬停在图片上时，将使用 title 属性作为工具提示。
【讨论】：
<span> 不应该用于此目的，我们有 <figure> and <figcaption> 专为此而设计。
title 更合适。
<span>标签中，只要它在<img>标签之后并且它们都在一个容器中，比如<div>
<span> 和 CSS 可以编写一个没有任何内容的 HTML 文档。爬虫也不会介意这一点。这并不是一个好主意。