在HTML中相对于彼此调整图像大小

时间:2019-07-02 16:09:06

标签: html css

我需要有3张图像,第一行上有1张图像,最低行上有2张图像,而且它们的大小都必须相同。

我希望所有图像都具有相同的大小,两个底部图像彼此相邻,顶部图像居中于它们上方。

我尝试将图像放在表格中,并在第一行中使用colspan =“ 2”,但是顶部图像变得比底部的图像大得多。我也尝试过对所有三个图像使用colspan =“ 2”,在顶部图像的两边都添加了一个空列,但是底部行的左侧图像很小,底部行的右侧图像是巨大,并且顶部图像是中等尺寸。我删除了下面代码中的链接,以使其更易于阅读。

第一次尝试时,顶部的图像要比其他两个图像大得多(这是预期的),但是在第二次尝试中,右下方的图像是最大的,左下方的图像很小,并且顶部的图像是中等尺寸。

1 个答案:

答案 0 :(得分:0)

您可以这样设置图像的高度和宽度:

     <img src="path/to/asset" alt="alt title" height="42" width="42">