css - Firefox(多个版本)右对齐div

Question

给定以下 CSS:

body {
    font-family: Corbel, Calibri, Verdana, Helvetica, sans-serif;
    font-size: 9pt;'
}
.heb {
    font-family: Bwhebb;
}
.heb, .eng {
    font-size: 25pt;
    cursor: pointer;
    display:none;
}
.slideshow, .cardface, .card {
    width: 100%;
    height: 15%;
    text-align: center;
    position: absolute;
}

和以下 HTML

<div class="card" id="wordID">
    <span class='heb cardface'>
        some word
    </span>
    <br />
    <div class='eng cardface'>
        some translation
        <br />
        <a href='#' class='right' >correct</a> | 
        <a href='#' class='wrong' >incorrect</a>
    </div>            
</div>

我在 Chrome 和 Firefox 上得到了两个不同的结果。 Chrome 将所有内容置于页面中心，而 Firefox 将 .heb .cardface WAAAAAYYYYYYYYYYYYYY 放在右侧。

我很确定我做错了什么，你能帮我弄清楚吗？

Answer 1

如果我从你的 CSS 中删除 position: absolute;，在最后一行中，有 .slideshow, .cardface, .card {width: 100%;高度:15%； text-align: center;}，全部居中。

Is that what you're after?