在css中居左的代码是什么

在css中居左的代码是什么

1、使用text-align:left实现居左

.left{
　　text-align:center;
}
.left_text{
　　display:inline-block;
　　width:500px
}

<div class="left">
　　<span class="left_text">
    123
　　</span>
</div>

2、使用float:left实现居左

.left{
    float: left;
}
<div class="left">
    123
</div>

3、使用absolute实现居左

.left{
    position: absolute;
    left: 0;
}
<div class="left">
    123
</div>

4、flex布局实现居左

.left{
    display: flex;
    justify-content: flex-start;
}
<div class="left">
    123
</div>

本文来自css3答疑栏目，欢迎学习！

以上就是在css中居左的代码是什么的详细内容，更多请关注0133技术站其它相关文章！