安卓瀏覽器中的Flexbox屬性

我有一個div與display:flex;，裏面有一個文本，我需要水平和垂直對齊。安卓瀏覽器中的Flexbox屬性

這是在Chrome，Mozilla和IE上工作，但我也需要在Android瀏覽器上工作。有沒有解決這個問題？

div容器

.s_container{ 
    display:-webkit-flex; 
    display:-webkit-box; 
    display:-moz-flex; 
    display:-moz-box; 
    display:flex; 
    display:-ms-flexbox; 
}

文本格

.ssm_option{ 
    width: 100%; 
    min-width: 50px; 
    display: flex; 
    -webkit-box-flex: 1; 
    -moz-box-flex: auto; 
    -webkit-flex: auto; 
     -ms-flex: auto; 
      flex: auto;  
    justify-content: center; 
    align-items: flex-end; 
}

HTML

<div class="s_container seleccion_simple_default">       
    <div class="ssm_opcion"> 
     <p>Prueba</p> 
    </div> 
</div>

來源

2016-01-20 Polo

PL輕鬆添加您的HTML以及我們可以看到結構 – LGSon

好吧，那裏是 – Polo

類很好，我剛剛修改之前粘貼在這裏。我已經解決了這個問題，無論如何。 – Polo

這解決了我的問題

-webkit-box-pack: end; 
-webkit-box-align: center;

來源

2016-01-20 13:42:57 Polo

請解釋你的答案。目前它被視爲低質量的帖子。謝謝！ – Dropout

我需要將div內的文本與屬性flex offer進行對齊，但由於它使用舊的語法，因此無法在Android瀏覽器中工作。這是修復： -webkit-box-pack：end; -webkit-box-align：center; – Polo

安卓瀏覽器中的Flexbox屬性

回答

相關問題