对齐社交媒体共享图标答案

【问题标题】：Aligning Social Media Share Icons对齐社交媒体共享图标
【发布时间】：2014-01-08 05:35:38
【问题描述】：

我正在使用手动代码选项为 Wordpress 使用 DigG Digg 社交媒体插件：

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

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

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>

【问题讨论】：

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

标签： html css wordpress

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：