html如何让两张图片出现同一行

html如何让两张图片出现同一行,第1张

亲,这个答案是可以的,不过有一点需要说明的是,两张图片家里来的宽度不能超过设定的页面宽度,比如说你的页面宽度为980像素,那么你的两张图片的宽度就不能超过980,否则就不能。

图片并排列

需要补充的是如果图片超出了最大的范围,可以使用img的属性设置宽度来使图片同一行排列。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的第一个标签中,加入样式代码:。

3、浏览器运行index.html页面,此时两个div标签的文字会在同一行上。

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存