html中怎么让文字在图片的上面?

html中怎么让文字在图片的上面?,第1张

1、在div里面书写了一些文字,然后想要在放入一张图片

2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

3、然后通过background给div添加一张图片作为它的背景。

4、通过url()来连接图片,url里面放置的就是背景图片的路径。

5、放一张图片用作背景,注意,路径要写对。

6、保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。

有一种方法就是利用表格布局,

<table>

<tr align="center">

<td>文字</td>

<td><img src="image/1.png" width="90" height="90" alt=""></td>

</tr>

</table>

这样写,是可以保证图片和文字同派且文字与图片是居中显示的,而不是文字在图片下方

如果你是用img引入图片的话,应该是可以并排的,那么没有并排的原因可能有:\x0d\x0a1。你给img设置了display:bolck\x0d\x0a\x0d\x0a2.你的文字是用P标签包起来的,P标签是块状元素,会独占一行(在排除浮动和定位的情况下)\x0d\x0a\x0d\x0a3.你的图片太大了把文字挤下去了\x0d\x0a\x0d\x0a没有代码不知道你的具体情况,不过我觉得第二种最有可能了。如果还不是的话,请把代码复制给我看看,就是你的布局和css


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7150586.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存