Question

我有一个display:flex;的div，里面有一个我需要水平和垂直对齐的文字。

这适用于Chrome，Mozilla和IE，但我也需要在Android浏览器上运行。是否有一些解决方法？

Container div

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

文字div

.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>

Answer 1

这解决了我的问题

$query

Android浏览器中的Flexbox属性

1 个答案: