HTML怎么样将图片中文字移到自己想要的位置

已举报 回答 关注
HTML怎么样将图片中文字移到自己想要的位置
问在线客服
扫码问在线客服
  • 回答数

    6

  • 浏览数

    3,395

6个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
现在center标签已经废弃掉了。

以p标签为例,如果把文字移到图片下方,直接p标签移到div标签外面就好了,不想这样的话,可以给p标签加个padding-top:356px,具体值随你喜欢

在图片中,把356改小点就好了啊,改到文字在图片里就可以了
取消 评论
首先,最好不要用center这种标签了。
然后:
1、你可以给文字控件设margin-top:Xpx;
2、你可以把文字外面那个div设为position: relative;,文字的控件设为position: absolute;,然后用top:Xpx(具体多少自己定)设置文字离图片顶端的距离
PS:如果你要垂直居中,可以将X设为(图片高度的一半-文字高度的一半)
取消 评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />

</head>

<body>

<img src="2000.gif" width="200" height="200" onMouseover="javascript:this.src='2.jpg'"/>

</body>
</html>
你把图片地址换一下。换成你本地的图片就可以看到效果了
取消 评论
<div><img src="img.png"><p>文字文字文字</p></div>img{display:none}
div:hover img{display:inline-block}
取消 评论
<img src=图片1.jpg onmouseover="javascript:this.src='图片2.jpg'" onmouseout="javascript:this.src='图片1.jpg'" />
取消 评论
<div style="width:510px;height:356px;background:url(图片地址)";><span style="color:#66F;font-size:40px;text-align:buttom;padding-top:356px;">添加文字</span></div>望采纳!
取消 评论
ZOL问答 > HTML怎么样将图片中文字移到自己想要的位置

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?