調整圖像大小，使它們大小相同

我嘗試了很多，我無法調整圖像大小。有人可以幫幫我嗎？調整圖像大小，使它們大小相同

我想圖像是相同的大小。這裏是我的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; 
}

來源

2016-06-10 Wiesiek Bland

您可以通過HTML

通過HTML標記調整圖像

<img src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png" height="500px" width="500px">

來源

2016-06-10 05:12:19

我會用CSS來代替內聯樣式。 – AJDEV

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; 
}

來源

2016-06-10 05:17:08 KillahB

調整圖像大小，使它們大小相同

回答

相關問題