Html 在Firefox中忽略box-pack（-moz-box-pack）的Justify属性

在Firefox中，

-moz-box-pack

（或

box-pack

）的

justify

属性似乎被忽略了

从我们的网站。每一行中的数字都应该右对齐，这是用Chrome制作的

有什么线索吗

HTML和CSS:

<a class="category_box box_sizing" href="/itunes-store/apps/free-apps/category/all-apps?itunes-store-id=888-36" itunes_id="888-36" path="/36/888-36">
            <div class="name">All Apps</div> <div class="num_apps">43</div>
        </a>


.page_list .list a {
    color: #5C5C5C;
}
.page_list .category_box {
    -moz-box-pack: justify;
    border-bottom: 1px solid #CCCCCC;
    display: -moz-box;
    padding: 15px 10px;
    width: 100%;
}
.box_sizing {
    -moz-box-sizing: border-box;
}
a {
    color: #5E87B0;
    text-decoration: none;
}

.第页列表。列表a{
颜色：#5c；
}
.页面列表.类别框{
-moz盒包装：合理；
边框底部：1px实心#CCCC；
显示器：-moz盒；
填充：15px 10px；
宽度：100%；
}
.盒子尺寸{
-moz框大小：边框框；
}
a{
颜色：#5E87B0；
文字装饰：无；
}

使用以下css规则：

.category_box .name {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

这应该会产生你想要的结果

选中flexbox布局模式信息，这将帮助您构建所需的：

---

希望它有助于使用以下css规则：

.category_box .name {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

这应该会产生你想要的结果

选中flexbox布局模式信息，这将帮助您构建所需的：

---

希望有帮助

对我来说，这看起来像一个渲染错误。这似乎是支持的。你可以发布这作为一个答案，请？看起来像一个渲染错误给我。这似乎是支持的。你能把这作为一个答案吗？