网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好

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

栏目: IT技术 / 发布于: / 人气:2.57W

操作方法

看下我们的html代码,在一个div里放入一个img图片标签。

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

再看下我们div的样式,主要地方是我们设置了div的宽度,为400px,如图所示的代码。

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

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

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

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

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

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

怎样让html中的img标签居中显示 第5张
Tags:HTML img 居中