固定大小图像占位符空白

Question

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

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

这起作用了，但有一个48x48的正方形，里面什么也没有，因为没有图像源。我试着用CSS把边框改成0像素，并把它的颜色改成白色，但它不起作用，方块保持不变。

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

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

我将把空格放在div中，然后使用。innerhtml更改div标记之间的代码，将空格替换为图像。

Answer 1

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

或者为它编写自定义CSS。

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