html - 调整图像大小,使它们大小相同

标签 html css

我已经尝试了很多,但我无法调整图像大小。有人可以帮帮我吗?

我希望图像大小相同。这是我的 html:

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

<body class="body">

  <div class="wiesiek">
    <h1> Wiesiek Bland - My portfolio </h1>
    <h2> Warszawa Poland</h2>

    <div class="facebook, inline">
      <a href="https://www.facebook.com/wilyb"><img class="small-picture" src=http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/></a>
    </div>
    <div class"github, inline">
      <a href="https://github.com/Wiesiek2811"><img class="small-picture" src=http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png></a>
    </div>
  </div>
</body>

这是我的CSS:

.facebook {
  padding-left: 800px;
  max-width:
}

.github {
  width: 80px;
}

.inline {
  float: left;
}

最佳答案

https://jsfiddle.net/90wn844n/

HTML:

<div class="wiesiek">
<h1> Wiesiek Bland - My portfolio </h1>
<h2> Warszawa Poland</h2>

<div class="facebook inline">
  <a href="https://www.facebook.com/wilyb"><img class="small-picture" src="http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/"></a>
</div>

 <div clas="github inline">
 <a href="https://github.com/Wiesiek2811"><img class="small-picture" src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png"></a>
</div>
</div>

</body>

CSS:

.facebook {
 padding-left: 800px;
}

.github {
width: 80px;
}

.inline {
float: left;
}

.small-picture {
  width: 80px;
}

关于html - 调整图像大小,使它们大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37740295/

相关文章:

jquery - 没有特定标签名称时如何更改div中文本 block 的样式

javascript - 使用 JQuery 创建 CSS 样式

javascript - 使用 Javascript/html 替换简单图像

css - 在移动设备上查看时网格容器下的空白

CSS 在 a2hosting 上使用 node.js 抛出 503 错误

html - 溢出隐藏不生效

html - 标题随着我增加字体大小而不断降低?

html - 如何删除 AdSense 广告下方的空白区域?

css - 如何禁用 :hover affects rails twitter bootstrap

java - 如何检查网络应用程序中使用了哪些图像/css/javascript?