四张图片放在一起
<img>标签本身就可以把图片排成一行。所以如题主所说,只要:
<img src="图片1" >
<img src="图片2" >
<img src="图片3" >
<img src="图片4" >
这样既可——只要img所在的盒子宽度足够长就行。
如果一行只显示了两个或一个图片,是因为盒子宽度不够,可以修改图片显示的尺寸解决
float:left或者display:inline-block
img 本身就是内敛元素,不会主动换行,只有你的图片尺寸比计大的时候才会换行,你把浏览器的尺寸缩小就又会看见他们出现在一行,如果不想缩小浏览器的话建议修改图片尺寸
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">