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

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

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

方法太多,列举几个吧

1.两个元素均设置float:left

或right

2.通过调整元素的left或right实现

3.两个元素均设置diaplay:block,因元素为默认左对齐,且均设为块级元素后,都将独占一行。

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

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

2、在index.html中的<span>标签中,输入样式代码:style="float: leftpadding-top: 25px"。

3、浏览器运行index.html页面,此时文字对准了图片的中间。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存