【问题标题】:How to make image vertically centered? [duplicate]如何使图像垂直居中? [复制]
【发布时间】:2014-01-16 20:50:25
【问题描述】:

如何使右侧的这些标志垂直居中?这是我的contact-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>

【问题讨论】:

    标签: css wordpress


    【解决方案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

    【讨论】:

    • 我不知道这个顶部面板的 CSS 文件是什么。我尝试了 style.css 和 top-panel.css 但没有任何变化。
    • @marjanbaz 我为“标志”添加了内联样式。让我知道它是否解决了问题。
    • 尝试在内部
      中设置样式,类似于
    猜你喜欢
    • 1970-01-01
    • 2011-05-25
    • 2017-03-05
    • 2015-12-24
    • 2013-03-29
    • 2010-12-30
    • 2021-07-10
    相关资源
    最近更新 更多