未与垂直对齐的图像

我有以下问题：

我试着让他们都从底部排成一条线，这样他们就都坐下来了。我在img上尝试过vertical-align: bottom;，但是什么也没有发生？

.social-icons img {
  margin-top: 40px;
  max-height: 35px!important;
  /*height:35px!important;*/
  max-width: 35px!important;
  /*width:35px!important;*/
  margin-left: 15px;
  float: left;
  vertical-align: bottom;
  padding-right: 30px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

<!-- YouTube -->
<div class="icon">
  <a href="https://www.youtube.com/user/tthreeTV" onclick="window.open(' https://www.youtube.com/user/tthreeTV','newwindow','width=600, height=300');return false;">
    <img src="https://content.t-three.co.uk/hubfs/tp-2017/Template%20refresh/Littlebooks/TYP/youtube.png" alt="Facebook">
  </a>
</div>

<!-- LinkedIn -->
<div class="icon">
  <a return="false" href='https://www.linkedin.com/company/t-three-consulting' onclick="window.open(' https://www.linkedin.com/company/t-three-consulting','newwindow','width=600, height=300');return false;">
    <img src="https://content.t-three.co.uk/hubfs/tp-2017/Template%20refresh/Littlebooks/linkedin2.png" alt="LinedIn">
  </a>
</div>

<!-- Twitter -->
<div class="icon">
  <a return="false" href='https://twitter.com/tthreetweet' onclick="window.open(' https://twitter.com/tthreetweet','newwindow','width=600, height=300');return false;">
    <img src="https://content.t-three.co.uk/hubfs/tp-2017/Template%20refresh/Littlebooks/twitter2.png" alt="Twitter">
  </a>
</div>

<!-- Email -->
<div class="icon">
  <a href="mailto:test@test.com" target="_top">
    <img src="https://content.t-three.co.uk/hubfs/tp-2017/Template%20refresh/Littlebooks/mail.png" alt="Email">
  </a>
</div>

为什么会这样呢？我是不是忘了什么？

转载请注明出处:http://www.smbzepe.com/article/20230331/2386039.html

相关阅读