When setting display:flex, justify-content: space-betweend, it will align the child elements to the sides and evenly divide the remaining space. For example: if you want to put three child elements in one row Effect: This seems to be fine and looks good, but if there are not three characters in the next row, there will be problems if there are only two. This looks particularly disgusting, with a large empty space in the middle. It looks particularly like a bug, rather than the desired effect of aligning one by one with the previous line. Now to solve this problem, here are two methods:
Pseudo-class solution Placeholder element solution Effect The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. |
<<: Web designer is a suitable talent
>>: Usage instructions for the docker create command
Use CSS3 to animate the input box similar to the ...
The img tag in XHTML is so-called self-closing, w...
This article example shares the specific code of ...
Table of contents Effect demonstration:Main JS co...
Introduction The use of is null, is not null, and...
Most people have heard of the concept of server-s...
Sometimes, while working with files in the Linux ...
The default template method is similar to vue2, u...
In web development, you often encounter characters...
When Mysql associates two tables, an error messag...
Preface MRR is the abbreviation of Multi-Range Re...
Table of contents variable Use meaningful and pro...
1. KVM virtual machine migration method and issue...
Table of contents App Update Process Rough flow c...
Preface In Linux kernel programming, you will oft...