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

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

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

方法很多

1.用table表格实现,处理一下border格式就可以了

2.写两个div标签,每个div标签占用一行,每个div标签里划分为width相等的小div保证上下可以对其,小div里写标签就ok

3. 一个大div,width设置为固定,然后自动换行,当里面的小标签数量够多超出最大width的时候就会自动在第二行显示

4.FLEX布局了解一下?

最后,手机打字懒得写代码验证了,提供上面一些思路

如果你是用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/7133028.html

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

发表评论

登录后才能评论

评论列表(0条)

保存