时间戳

首页 > 解决方案 > 问题：设置图像大小

html - 问题：设置图像大小

问题描述

我正在尝试在 CSS 文件中设置图像的大小。我为这两个图像设置了类，并尝试在 CSS 中更改大小。但这并没有让我改变大小。

代码：

.social-icon{
  display: flex;
  justify-content: center;
}

.instagram .facebook{
  width:8%;
  length:8%;
  margin:5px 10px;
  min-width:5px;
}
<div class="social-icon">
 <a href="#"><img src="http://pluspng.com/img-png/instagram-png-instagram-png-logo-1455.png" alt="insta" class="instagram"/></a>
 <a href="#"><img src="https://image.flaticon.com/icons/png/512/124/124010.png" alt="faceook" class="facebook" /></a>
</div>

标签： html

解决方案

我相信没有名为length, settingwidth的CSS 属性，max-width在这种情况下足以使图片更小。

主要问题是您在两个类.facebook和之间缺少逗号.instagram，因此浏览器有效地.facebook在.instagram.

.social-icon {
  display: flex;
  justify-content: center;
}

.instagram, .facebook {
  width:8%;
  margin:5px 10px;
  min-width:5px;
}
<div class="social-icon">
  <a href="#"><img src="http://pluspng.com/img-png/instagram-png-instagram-png-logo-1455.png" alt="insta" class="instagram"/></a>
  <a href="#"><img src="https://image.flaticon.com/icons/png/512/124/124010.png" alt="faceook" class="facebook" /></a>
</div>

推荐阅读