2017-10-10 39 views
-4

我无法定位图片上方的标题(未放置),因此标题中的文字会根据图片缩放和重新定位。我已经尝试给img一个相对位置,h1元素是一个绝对位置,还有一些'top''left'twicks直接放在img上方。但是当我改变屏幕的缩放比例时,文本不会保持居中在img之上。在图片上方放置标题

有什么建议吗?我非常感谢任何帮助。

THX, 丹

+3

请发表相关验证码 – Swellar

+0

默认情况下文字不会随图像放大。您可以尝试使用媒体查询或视口单元。 – sol

+0

欢迎来到Stack Overflow!寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]中(https://blog.stackoverflow.com/2014/09/introducing-runnable) -javascript-CSS-和HTML的代码段/)。请参阅[**如何创建最小,完整和可验证的示例**](http://stackoverflow.com/help/mcve) –

回答

-1

将标题标签制作标题文本,并把图像中的div标签。

<div> 
    <h1>Heading</h1> 
    <img src="http://www.example.com/images/myImage.png" /> 
</div>