如何使图像垂直居中？ [重复]

Question

这个问题已经在这里有一个答案：

• How to vertically align an image inside a div 35个回答

如何使垂直居中右这些标志？这是我接触bar.css文件（在底部的标志）：

<?php
/**
 *  Terrifico
 */
global $data; ?>            
            <div id="contact-bar">
                <p class="label"><?php echo $data['top_panel_contact_text']; ?></p>
                <a class="mail" href="mailto:<?php echo $data['top_panel_email'];?>">
                    <i class="icon-envelope-alt"></i>
                </a>
                <a class="phone">
                    <i class="icon-phone"></i>
                    <span><?php echo $data['top_panel_phone']; ?></span>
                </a>
            </div><!--contact-bar-->


<div id="flags" style="float: right" margin-top:10px;>
<?php if( function_exists( 'simple_language_switcher' ) ) { ?>
<div id="simple-language-switcher"><?php simple_language_switcher(); ?></div>
<?php } ?>
</div>

Answer 1

尝试这个

#flags{
display:table-cell;
vertical-align:middle;
}

对于内联样式的尝试

<div id="flags" style="float: right; display:table-cell; vertical-align:middle;">

参考：vertical center an image without knowing dimensions

其他类似的问题

Using margin:auto to vertically-align a div