html的图片怎么居中

htML居中图片的方法：首先新建网页，在body部分新建一个img标签，并指定一张图片；然后将图片套在一个p或者span标签中，给标签添加一个值为【text-align:center】的style属性即可。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html居中图片的方法：

首先我们需要新建一个html页面。

然后在body部分新建一个img标签，并指定一张图片。

在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在正中央显示。

将图片套在一个p或者span标签中，给标签添加一个值为text-align:center的style属性即可。

代码如下：

!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视频教程

以上就是html的图片怎么居中的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！