1、打开vscode，创建一个html页面。
2、在测试页面的同级目录，添加一张演示图片。
3、在测试页面中添加一个div标签，在标签内部添加一个img图片标签，设置图片的src地址。
4、在div的标签中，直接书写css的样式，设置div的宽度为500像素，高度为300像素，边框为1像素的红色框。再次在浏览器中打开，就可以看到图片，并没有填满整个div的空间。
5、想要让图片充满整个div，只需要对图片设置高宽都是100%即可。此处为了演示，将所有的img标签都设置成了100%，而且，使用的是外部css的书写形式。
6、如果图片使用的是背景图，不是img标签的形式，图片默认会在x和y轴重复，并不会拉伸，最终仍然填满了这个div的空间。
7、如果想要背景图也拉伸填满整个div空间，就需要设置背景图的，background-size:100%100%。
css如何让三个div并排展示，其实就是设置一个浮动点，让三个div靠左或者靠右浮动；
主要标签用于：float：left(靠左对齐)float:right(靠右对齐)：示例如下：
1、首先打开用到的编辑工具这里用DW
2、为了方便观察，我们把三个div设置三个背景颜色来观察，设置三个div样式这里取名：div1 div2 div3 并且引用三个样式；
详解：background:#颜色；是取的三个不同的div背景颜色；给三个div设置宽度为width:300px高度height:200px
3、展示出来的效果如图：
楼主您好。在不使用任何CSS的情况下，您直接插入4张图片，比如：
<img src="1.gif" alt="1.gif" />
<img src="2.gif" alt="2.gif" />
<img src="3.gif" alt="3.gif" />
<img src="4.gif" alt="4.gif" />
它们就是在同一行显示的
-----补充-----
你贴的代码不能说明问题。
如果图片不能在一行显示，一般来说原因如下：
1.包含图片的容器宽度太小
2.图片的显示模式设置为了块级display:block
