显示图像标签内的文本

Question

是否可以<img src='Assets/image.png'>some text</img>获取某些文字＆＃39;显示？

我知道我可以使用div并将div设置为在图像顶部显示样式，但我想知道的是，无论如何它都可能使标签内的文本显示出来。

Answer 1

没有。 img里面没有文字。根据规范，img元素是一个void元素，即它没有任何内容或结束标记。

好消息是，在您的示例源中，文本“some text”将显示在页面上。 （技术上不在img里面，所以它只是直接显示出来。）这可能不是你想要的......

可能的解决方案是：

• 如果您想要在无法显示图像时显示文本而不是图像，请将文本放在$opt = array('resource' => 'addresses');属性中。
• 对于用户将鼠标悬停在图像上方时显示的文字，请使用alt属性
• 要在页面中同时显示图片和文字，请使用放置title的{​​{3}}元素并将文字放在img内并使用CSS定位放置图像顶部的figcaption。
  

  figcaption

  figure {
    position: relative
  }
  figcaption {
    position: absolute;
    width: 200px;
    line-height: 150px;
    text-align: center;
    left: 0;
    top: 0;
    text-shadow: 0 0 1px white;
    font-weight:bold;
  }