Flex布局 text-align 失效的问题

前提是一个DIV,flex属性,然后里面是text节点

经测试,text-align 不是失效了,只是在文本有一行的时候失效了,所以要在flex的div实现text-align,要多写一点,就当是兼容了。

其实,实际情况是:
一行的时候text-align不好使
多行的时候justify-content不好使

那就都写了吧

 .textbox {
    
    
    text-align: left;
    justify-content: flex-start;
}
 .textbox {
    
    
    text-align: center;
    justify-content: center;

}
 .textbox {
    
    
    text-align: right;
    justify-content: flex-end;

}
.textbox {
    
    
    text-align: justify;
    justify-content: space-between;
}

猜你喜欢

转载自blog.csdn.net/weixin_43863919/article/details/122852997