Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在img html上放置文本_Html_Jsp - Fatal编程技术网
Fatal编程技术网
  • html/
  • 如何在img html上放置文本

如何在img html上放置文本

html jsp

如何在img html上放置文本,html,jsp,Html,Jsp,我想在img标记html上放置一个动态文本，如下所示（手动编辑） !！[在此处输入图像描述][1] 如下图所示。我试图添加文本，但它出现在图像旁边。请帮助我如何才能做到这一点 我的代码： <div style="float: left; display: inline-block; background: url('images/titlebar.png'); width: 287px; height: 32px"> My Profile </div> 我的个人

我想在img标记html上放置一个动态文本，如下所示（手动编辑）

!！[在此处输入图像描述][1]

如下图所示。我试图添加文本，但它出现在图像旁边。请帮助我如何才能做到这一点

我的代码：

  <div style="float: left; display: inline-block; background: url('images/titlebar.png'); width: 287px; height: 32px">
My Profile
 </div>


我的个人资料
使用Moorthy的编辑在图像后留出额外空间：

!！[在此处输入图像描述][2]

在css中使用背景属性，例如：
背景：url（'images/titlebar.png'）



我的个人资料

您需要设置相对于图像的位置和相对于文本的绝对位置。更多详细信息可在此处找到：
我的个人资料



您可以尝试以下方法-为父对象设置位置：相对，为文本设置位置：绝对。。请尝试使用last edit当我编辑我的票证时，图像后面有一些额外的空间。请调整宽度和高度使您的按钮适合使用
无重复
背景
背景：url（'images/titlebar.png'）无重复


<div style="float: left; display: inline-block; background: url('images/titlebar.png') no-repeat; width: 287px; height: 32px">
    My Profile
</div>



<img src="" style="position: relative;"><span style="position: absolute; top: 5px; right: 5px;">My profile</span></img>