html语言是网页设计和开发中必不可少的一部分，其中图片作为网页中必不可少的元素之一，使用得非常广泛。然而，我们有时候会发现，当我们插入图片后，图片并不处于网页的正中央，这显然会影响设计效果。那么，该怎样让图片居中呢？

要让图片居中，需要掌握一些HTML代码和CSS样式的知识。下面就让我们来详细了解一下吧。

方法一：使用HTML代码

在网页中，我们可以使用HTML语言来控制图片的位置，使其居中。具体实现方法如下：

1. 在HTML中创建一个图片元素，例如：

<img  alt="html如何让图片居中" >

2. 在class属性中添加“center”样式。可以在HTML文件中直接添加样式，也可以用css文件中的类选择器添加样式。如下：

在HTML文件中：

立即学习“前端免费学习笔记（深入）”；

<style>    .center {        display: block;        margin: auto;    }</style>

在CSS文件中：

.center {    display: block;    margin: auto;}

方法二：使用CSS样式

CSS样式也是让图片居中的常用方法之一，方法如下：

1. 给img标签添加一个包裹层。

  <img  alt="html如何让图片居中" >

2. 在CSS文件中给包裹层添加样式。

.wrapper {  display: flex;  justify-content: center;  align-items: center;  height: 100%;}