安卓浏览器中的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>

PL轻松添加您的HTML以及我们可以看到结构 – LGSon

好吧，那里是 – Polo

类很好，我刚刚修改之前粘贴在这里。我已经解决了这个问题，无论如何。 – Polo

答

这解决了我的问题

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

请解释你的答案。目前它被视为低质量的帖子。谢谢！ – Dropout

我需要将div内的文本与属性flex offer进行对齐，但由于它使用旧的语法，因此无法在Android浏览器中工作。这是修复： -webkit-box-pack：end; -webkit-box-align：center; – Polo

安卓浏览器中的Flexbox属性

相关推荐