what is the solution to left alignment if there is not enough item on the last line of flex-box?
what is the solution to left alignment if there is not enough item on the last line of flex-box?
https://jsfiddle.net/t5upngoo/6/
<div class="amount-select">
<div>50</div>
<div>100</div>
<div>200</div>
<div>300</div>
<div>500</div>
<div></div>
</div>
*{
padding:0;
margin:0;
box-sizing:border-box;
}
.amount-select {
display: flex;
margin-right: -3%;
flex-wrap: wrap;
width: 100%;
}
.amount-select>div {
width: 20%;
height: 100px;
text-align: center;
color: -sharp13b7f6;
border: 1px solid -sharp13b7f6;
margin-right: 3%;
margin-bottom: 20px;
}
is divided into two row,. The upper line justifyContent is set to center, and the lower line is set to flex-start. The following line needs to set marginLeft
I am working on a page recently. I want to use flex, but I can t seem to align multiple blocks to the left center. if the following is not filled, the following will be centered. but I want him to align to the left if it is not filled. can this...
question: similar to the functions that can be achieved by using position:fixed on the PC side. ...