如何在图像类的CSS中设置宽度和高度

Question

我试图在CSS中设置img图片的宽度和高度，但是在CSS中不起作用。我可以在其他文件的img标记中执行此操作的唯一方法。我已完成以下操作，但无法正常工作：

img.whiteboard1 {
    width: 10em;
    height: 10em;
}

Answer 1

尝试删除img一词，如下所示。

.whiteboard1 {
width: 10em;
height: 10em;

}

Answer 2

您需要知道<img>是内联元素。内联元素不能使用height和width属性。如果您确实要将height和width设置为<img>，请将display: inline-block设置为<img>

img.whiteboard1 {
    display: inline-block;
    width: 10em;
    height: 10em;
}