对齐社交媒体分享图标

我使用Digg的Digg的社交媒体WordPress插件使用手动代码选项：对齐社交媒体分享图标

我的HTML如下但这并不是因为其通过PHP产生多大用处 - 我已经实现了媒体类和盒子！

我的主要问题是如何获得通过相同高度对齐的所有图标？

enter image description here

HTML：

 <div class="diggSocialMedia"> 
      <div class="box0"> 
       <?php dd_fbshare_generate('Compact') ?> 
      </div> 
      <div class="box1"> 
       <?php dd_twitter_generate('Compact','hakatours') ?> 
      </div> 
      <div class="box2"> 
       <?php dd_fblike_generate('Like Button Count') ?> 
      </div> 
      <div class="box3"> 
       <?php dd_google1_generate('Compact') ?> 
      </div> 
     </div>

来源

2014-01-07 Jess McKenzie

你应该表现出实际的HTML输出，而不是你的PHP，因为这一切都发生在客户端上。 –

.diggSocialMedia > div { 
    vertical-align:top; 
}

来源

2014-01-07 21:35:38 j08691

.diggSocialMedia { 
    height: 0; 
    overflow: visible; 
}

来源

2014-01-07 21:32:22 CRABOLO

对齐社交媒体分享图标

回答

相关问题