在Firefox中的box-pack（-moz-box-pack）忽略了Justify屬性

Question

-moz-box-pack（或box-pack）的justify屬性似乎在Firefox中被忽略。

Live example從我們的網站。每行中的數字應該是右對齊的，它們在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; 
} 

Answer 1

使用下面的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的佈局模式的信息，這會幫助你建立你想要什麼：

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

http://demo.agektmr.com/flexbox/

希望它有助於