详细内容

• 01

  打开记事本或者其他的代码编辑器，新建一个HTML文件，如下图

  
• 02

  使用浏览器打开这个HTML文件，可以看到如下图所示的效果，图片在整个页面的左方

  
• 03

  使图片居中，可以通过HTML中的align属性来控制，在图片的div中加入align=“center”

  
• 04

  再次在浏览器中打开这个页面文件，效果如下，图片已经居中显示

  
• 05

  我们还可以通过样式文件来实现图片的居中显示，这里我们以class选择器为例，为图片层加入class="img_center"，然后在style标签中定义样式，如下图

  
• 06

  在浏览器中打开这个文件，效果如下，发现图片也可以居中显示