将图像直接放在彼此下方（DIV / CSS）

Question

我无法一起向上移动图像。

请参阅所附的我要实现的屏幕截图。

下面的图片行应向上移动（1、2、3、4等），以便布局正确显示-此刻被卡在最高图像下方，留下空白。

链接到图像：

我正在使用以下HTML和CSS代码：

401

div.content-wrapper {
	margin: auto;	
	width: 100%;
	height: auto;
 	display:table-cell;
  	vertical-align:middle;
  	text-align:center;
	}
		

	table {border-collapse: collapse;
 	padding:0; margin:0;
	border-spacing: 0;}

	td {border-collapse: collapse;
 	padding:0; margin:0;
	border-spacing: 0;
	vertical-align: text-top;
}

	td img {
	width: 100%;
	height: auto;
	vertical-align: text-top;

	}

	tr {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: text-top;
}

	img {
	max-width: 100%;
	height: auto;
	}

Answer 1

您的问题不是很清楚，但是可以肯定的是：您在高度之后的图片标签末尾缺少引号：

<div class="row">
    <img src="images/imosec_01.gif" width="1017" height="343" alt="">
</div>

编辑：关闭</div>标签之前，请先关闭</table>标签。那是不对的。您应该尊重订单：

<div>
    <table>
        ...
    </table>
</div>

为避免此类问题，请始终在打开标签后立即关闭标签（并在这些标签之间写入内容）。

您是否还尝试使用div代替table？ 您还可以查看Bootstrap库，该库有助于创建正确的html / css代码，并且易于使用：https://getbootstrap.com/docs/4.0/getting-started/introduction/