html怎么让文字和图片并排?

html怎么让文字和图片并排?,第1张

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

如果你是用img引入图片的话,应该是可以并排的,那么没有并排的原因可能有:

1。你给img设置了display:bolck

2.你的文字是用P标签包起来的,P标签是块状元素,会独占一行(在排除浮动和定位的情况下)

3.你的图片太大了把文字挤下去了

没有代码不知道你的具体情况,不过我觉得第二种最有可能了。如果还不是的话,请把代码复制给我看看,就是你的布局和css

添加环绕代码即可,代码如下:

<style>

   p {border:1px solid red}

   img {float:leftmargin:0 5px 5px 0}

</style>

*** 作步骤如下:

1、首先准备好html文件和所需要插入的图片,将其放在同一个文件夹内;

2、然后在html文件中编辑要显示的页面内容和图片,先将整体的大概页面建立好;

3、然后需要在html中添加环绕代码:

<style>

   p {border:1px solid red}

   img {float:leftmargin:0 5px 5px 0}

</style>

4、代码添加完毕后,保存html文件,重新打开预览就可以看到文字环绕图片的格式了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存