怎样让html中的img标签居中显示

操作方法

    01先看下我们的html代码,在一个p里放入一个img图片标签 。
    怎样让html中的img标签居中显示

    文章插图
    02再看下我们p的样式,主要地方是我们设置了p的宽度,为400px,如图所示的代码 。
    怎样让html中的img标签居中显示

    文章插图
    03【怎样让html中的img标签居中显示】现在看下页面,可以看到,现在的图片是靠左显示的,并没居中 。
    怎样让html中的img标签居中显示

    文章插图
    04要让img标签的图片居中,我们可以加上一行样式代码:text-align: center;就行了 。
    怎样让html中的img标签居中显示

    文章插图
    05再次看下页面,可以看到现在的图片已经是居中显示的了 。
    怎样让html中的img标签居中显示

    文章插图