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

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

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

<div class="imgbox">

    <img src=""><img src="">

</div>

代码如上所示,图片默认是竖直排列,你想要的应该是水平横排列,只需要在css中添加如下样式

.imgbox{overflow:hidden}

.imgbox img{float:left}

其中第一个样式是为了清除图片浮动对其他元素的影响

纯手打,望采纳,谢谢!!!

前提是你这两张图片的宽度必须不能超过你上一级容器的宽度,否则不论怎么设置都会顶到下一行的。

<div>

<ul style="list-style:nonemargin:0px">

<li style="float:left"><a><img src=图片1 /></a></li>

<li style="float:left><a><img src=图片2 /></a></li>

</ul>

</div>

我就不把css样式给你提出来了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存