博文纲领：
如何让图片在div中居中显示?
1、利用图片的margin属性实现水平居中，利用的padding属性实现垂直居中。
2、在DIV+CSS中，若要实现图片居中，并使文字环绕图片四周显示，首先需要定义页面的布局。通常，我们使用body标签作为页面的容器，通过设置其text-align属性为center，可以实现页面内容的居中显示。
3、图片 { display： block； } 这样图片就能在父元素中水平居中显示。
4、要在DIV+CSS中实现图片的垂直居中或水平居中，可以采用几种方法。首先，对于包含图片的DIV，可以设置其宽度和高度，同时使用line-height和text-align属性来实现垂直居中和水平居中的效果。
如何让img标签在div里上下居中?
要让img标签在div里实现上下居中，可以通过CSS样式设置来完成。具体做法如下：首先，为div容器设置宽度和高度。例如宽度为500px，高度为600px。接着，将div容器的display属性设置为table-cell，这将使div呈现为表格单元格的形式，从而在垂直方向上居中。
先看下我们的html代码，在一个div里放入一个img图片标签。再看下我们div的样式，主要地方是我们设置了div的宽度，为400px，如图所示的代码。现在看下页面，可以看到，现在的图片是靠左显示的，并没居中。要让img标签的图片居中，我们可以加上一行样式代码：text-align： center；就行了。
思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。
html编码时怎样将一张图片放在整个网页的中间
background-size： cover；} 这里，background-position 属性中的 center center 表示图片在容器内的水平和垂直方向上都居中。background-size 属性的 cover 值确保图片在容器内完全覆盖，同时保持图片的宽高比。需要注意的是，这种方法适用于整个网页背景图片的居中。
首先我们需要打开电脑，找到DW软件的快捷键，双击打开之后，新建一个html页面。然后我们会进入到DW的HTML页面的编辑页面，我们需要将新建的html页面进行一个保存。将网页保存好之后，我们需要重新回到DW的编辑页面。然后我们需要在body部分新建一个div标签，并在其中插入一张img图片。
首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用img标签创建一张图片，使用p标签创建两个文字。然后在test.html文件内，设置div的class属性为mydiv。接着在css标签内，通过class设置div的样式，定义它的宽度为280px，高度为200px，位置属性为相对定位(relative)。
在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述。在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。
在HTML中，要使整个网页居中，可以在页面中定义一个div元素或table元素，并为其设置宽度。通常，div的宽度会设定为980像素、960像素或1003像素等值，这取决于页面的具体需求。接下来，需要设置body元素的样式，使其内的内容居中。