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

在html页面开发中 , 我们很多时候会用到img标签 。 那么你知道怎样让img标签居中显示吗?下面来看下 。 操作方式 01 先看下我们的html代码 , 在一个div里放入一个img图片标签 。

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

文章插图

02 再看下我们div的样式 , 本家儿要处所是我们设置了div的宽度 , 为400px , 如图所示的代码 。

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

文章插图

03 此刻看下页面 , 可以看到 , 此刻的图片是靠左显示的 , 并没居中 。

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

文章插图

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

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

文章插图

05 再次看下页面 , 可以看到此刻的图片已经是居中显示的了 。

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

文章插图



以上内容就是怎样让html中的img标签居中显示的内容啦 , 希望对你有所帮助哦!

    推荐阅读