Html 固定大小的图像占位符空白

我只是想知道如何在一个固定大小的HTML页面上插入空白。例如，类似这样的事情：

<div width="48" height="48"></div>

<img width="48" height="48">

但这不起作用。因此，我尝试添加一个没有源的图像标记，如下所示：

<div width="48" height="48"></div>

<img width="48" height="48">

这是可行的，但是有一个48x48的正方形，里面什么都没有，因为没有图像源。我尝试使用CSS将边框更改为0像素，并将其颜色设置为白色，但不起作用，正方形保持不变

然后我尝试使用断开标记，但问题是我不能有一个精确的48x48空白

如何在页面中插入固定大小的空白

如果你想知道我为什么要添加一个空白。这是因为在那个空白处，稍后会出现一个小图像，当它出现时，所有的东西都会向下移动，为图像腾出空间，但我不希望东西像这样移动。因此，我想插入一个与图像大小相同的空白，然后用图像替换该空白

---

我将把空间放在一个div中，然后使用.innerHTML更改div标记之间的代码，用图像替换空间。

您可以使用名为Placehold.it的服务

或者为它编写自定义CSS

.virtualPlaceholder {
    display:block;
    height:500px;
    width:500px;
    background:#eee;
}

---

这里的示例：

使用CSS样式

空白：pre

实际上，您可以在代码中添加空格，并使其应用于页面。
因此，您可以根据需要添加任意多的空格，直到获得所需的长度

示例（html）：

谢谢。目前我对CSS不是很在行，但我在HTML和JavaScript方面学习得很快。我用了你的方法，效果很好。