Android浏览器中的Flexbox属性

时间:2016-01-20 13:22:21

标签: html css flexbox

我有一个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>

1 个答案:

答案 0 :(得分:0)

这解决了我的问题

$query