DIV 在 Safari 中水平对齐，但在 Chrome 中没有

Question

有两个具有相同的 id。在 Safari 中它们对齐得很好，但在 Chrome 中，第一个 div 向底部偏移了大约 15px。

HTML：

<div id="equipe">
    <div id="equipe-min">
        <img class="aligncenter size-full wp-image-5420" alt="Rodrigo Purchio" src="http://www.frangocombatatadoce.com/wp-content/uploads/2013/07/sobre-nós-04.jpg" style="margin-bottom:-20px;" width="180" height="220">
        <h5>Rodrigo Purchio</h5>
        Designer. Além de marombeiro e nerd, agora é também metido à mestre cuca. Tem 23 anos, trabalha com branding, é formado em Publicidade e Propaganda pela PUC-Rio e tem MBA em Design Estratégico pela ESPM.
    </div>
    <div id="equipe-min">
         <img class="aligncenter size-full wp-image-5424" alt="Roberta Pacheco" src="http://www.frangocombatatadoce.com/wp-content/uploads/2013/07/sobre-nós-05.jpg" style="margin-bottom:-20px;" width="180" height="220">

       <h5>Roberta Pacheco</h5>
       Estudante de arquitetura. Com toda a família apaixonada por comer bem, cozinha desde pequena e é apaixonada por academia desde cedo por influência dos pais, que sempre incentivaram a prática de atividades físicas.
    </div>
</div>

CSS：

#equipe {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    float: right;
    vertical-align:center;
}

#equipe-min {
    text-align:left;
    width: 300px;
    height: 500px;
    background-color: #e3e3e3;
    display: inline-block;
    padding: 10px;
    margin: 5px;
}

在小提琴上： http://jsfiddle.net/kbhsN/1/

但如果我在#equipe-min 上使用 float:left，则 DIV 会对齐，但会保持在左侧，我希望它们在包装器 #equipe 中居中。

这是实时页面： http://www.frangocombatatadoce.com/sobre-nos/

Answer 1

这对你有帮助吗http://jsfiddle.net/kbhsN/2/

如果只有一个，那么这些 div 会水平居中。这就是你想要的吗？

#equipe-min {
    /* ... */
    margin:5px auto 5px auto;
    /* ... */
}

更新

注意 id 必须是唯一的，并且您使用它们两次，因此将其更改为一个类

.equipe-min {
    /* ... */
    margin:5px auto 5px auto;
    /* ... */
}




<div id="equipe">
    <div class="equipe-min">
        <img class="aligncenter size-full wp-image-5420" alt="Rodrigo Purchio" src="http://www.frangocombatatadoce.com/wp-content/uploads/2013/07/sobre-nós-04.jpg" style="margin-bottom:-20px;" width="180" height="220">
        <h5>Rodrigo Purchio</h5>
        Designer. Além de marombeiro e nerd, agora é também metido à mestre cuca. Tem 23 anos, trabalha com branding, é formado em Publicidade e Propaganda pela PUC-Rio e tem MBA em Design Estratégico pela ESPM.
    </div>
    <div class="equipe-min">
         <img class="aligncenter size-full wp-image-5424" alt="Roberta Pacheco" src="http://www.frangocombatatadoce.com/wp-content/uploads/2013/07/sobre-nós-05.jpg" style="margin-bottom:-20px;" width="180" height="220">

       <h5>Roberta Pacheco</h5>
       Estudante de arquitetura. Com toda a família apaixonada por comer bem, cozinha desde pequena e é apaixonada por academia desde cedo por influência dos pais, que sempre incentivaram a prática de atividades físicas.
    </div>
</div>