image - 图 figcaption 位置 html 5

标签 image html css

http://jsfiddle.net/hashie5/5p7Jk/

当您将鼠标悬停在图片上时,标题会向上滑动
但是你可以看到有一个空格
标题应位于顶部几像素以与图片对齐

如果不向图形标签添加高度,我怎么能做到这一点,因为图像的高度会有所不同

最佳答案

只需将 figure img {display:block;} 添加到您的 CSS。

关于image - 图 figcaption 位置 html 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12930580/

相关文章:

html - 嵌套有序列表编号问题

html - 卡住 CSS 表格中的两列

javascript - CSS 中内嵌的 SVG 图像

css - 如何让 CSS 伪元素看起来跨浏览器相同?

jquery - Caroufredsel > 将当前元素居中至一定边距,同时轮播容器宽度为 100%

c# - 更快地显示图片框

javascript - 我的边框切换颜色之间存在延迟。想知道我该如何解决它,因为它看起来很奇怪

CSS图像大小?

html - 如何将图像编码为 HTML 文件

windows - 如何为动画 GIF 加水印并将 2 个 ImageMagick 命令组合在一起?