img [alt]样式和已卸载的照片图标

Question

我必须在CSS中添加哪种样式以使“图像预览”文本居中：enter image description here我试过了：

.cover-avatar img[alt]{
width: 140px;
height: 190px;
/* line-height: 160px; */
/* text-align: center; */
/* vertical-align: middle; */
font-weight: 600;

}

此外，我想知道如何摆脱已卸载的照片图标。

Answer 1

请注意，仅当未加载图像（照片图标）时，才会显示替代文本（图像预览）。

如果您的CSS规则旨在为图像设置样式，则需要通过删除'alt'对其进行修改。

。cover-avatar img {...}

如果您还希望在图像下方添加一些文本，则可以将文本放在段落标记中。然后可以按以下方式设置段落样式：

。cover-avatar p {...}

希望有帮助。