html怎么让图片并排显示

html怎么让图片并排显示,第1张

一、是用表格元素,对每张图片进行定位。<table><tr><td><img src=pic1.jpg border=0></td><td><img src=pic2.jpg border=0></td></tr></table>二、使用有序列表<li></li>列表,通过自定义样式实现多元素同行显示。css样式定义每个<li>在父元素宽度上做整除,即可同行显示所有元素。

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

<p>

<img src="图片路径" width="100" height="100" style="float:left" />

<img src="图片路径" width="100" height="100" style="float:left" />

</p>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存