html中插入张图片如何让它居中?
发布网友
发布时间：2022-04-23 15:48
共3个回答
懂视网
时间：2022-04-29 12:21
html怎么让图片居中
1、首先我们需要新建一个html页面。
2、然后在body部分新建一个img标签，并指定一张图片。
3、在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在正显示。
4、将图片套在一个p或者span标签中，给标签添加一个值为text-align:center的style属性即可。
推荐学习：html教程
代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p style="text-align: center;"> <img src="a.png" alt=""> </p> </body> </html>
更多HTML教程，欢迎关注PHP中文网！
热心网友
时间：2022-04-29 09:29
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。
2、在index.html中的<body>标签中，将<img>标签调整为：<div style="text-align:center"><img src="small.png" /></div>。
3、浏览器运行index.html页面，此时图片成功被居中显示了。
热心网友
时间：2022-04-29 10:47
img标签中的align属性不是定义图像的位置，而是定义图像与周围文字的位置，并且不推荐使用这个属性。
要给img定义一个父标签，让这个父标签里面的内容居中，那么img自然就居中了。
比如说：
<p align="center">img……</p>
当然，最好还是用CSS控制。
