Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use box-pack:justify to realize the alignment of two ends in css

Shulou Source: shulou.com Published: 2022-06-01 03:09:46 10月04日 Update

This article will explain in detail how to use box-pack:justify to achieve two-end alignment in css. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Use box-pack:justify

Parent class container css:

.content {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

And the subclass must be a block element

This is the end of the article on "how to use box-pack:justify to align both ends in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Tags: Articles both ends more good practical elements content subclasses containers articles knowledge reference help related Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MariaDB macOS Shulou Information MySQL Microsoft