Sharing of image and text code to achieve both-end alignment in CSS3

Method 1: Use box-pack's justify implementation: Use the display: flex elastic box model to implement adaptive width according to the window size. The code is as follows:

       
  
 10 20 30 50 
  

The effect is as follows:

Method 2:Use column multi-column layout to implement, the specific code is as follows :

       
  
 10元 20元 30元 50元 
  

The effect is as follows:

The above is the detailed content of Sharing of image and text code to achieve both-end alignment in CSS3. For more information, please follow other related articles on the PHP Chinese website!