html怎么让图片文字对齐

html-css025

html怎么让图片文字对齐,第1张

方法太多,列举几个吧

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

或right

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

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

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

<table>

<tr align="center">

<td>文字</td>

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

</tr>

</table>

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

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

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

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

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