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
Table of contents 0x0 Introduction 0x1 Installati...
Preface When we build a MySQL cluster, we natural...
This article example shares the specific code of ...
Win10 installation (skip if already installed) Fo...
Table of contents Stabilization Throttling: Anti-...
Table of contents 1 Introduction to nginx 1 What ...
Introduction to Swap Swap (i.e. swap partition) i...
This article example shares the specific code of ...
Preface In MySQL, both Innodb and MyIsam use B+ t...
First of all, we need to understand that GB2312, ...
1. Go to the GraphVis official website to downloa...
You may remember that in the past articles we hav...
need: In background management, there are often d...
1. First, the pure HTML file must have an entry i...
An application of CSS animation, with the same co...