期望的效果如图所示,如何灵活的方式布局
代码:
.footer {
padding: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-top-color: #0e0e0e;
border-top-width: 1px;
border-top-style: solid;
i{
margin:0 5px;
}
i:hover{
cursor:pointer;
}
}
对于上面的代码我是使用 justify-content: space-between当方式将两个div分散两端,然后加入内容。但我并不希望用这种方式的期望的是这样:
我希望靠左或者靠右在元素上指定方位即可。不知这样的方式应该如何实现?