有时候我们用bootstrap需要设置一些比如居中靠左 靠右,就要用到一些常用的代码了。
1. align-items-center 让元素y轴居中
![](https://www.um80.com/wp-content/uploads/2023/11/18669648-957c4e72adc318a4.webp)
![](https://www.um80.com/wp-content/uploads/2023/11/18669648-a5d422cc2cd97ba1-1024x152.webp)
2. align-items-start 让元素y轴靠上排列
![](https://www.um80.com/wp-content/uploads/2023/11/11.jpg?v=1701333384)
3. align-items-end 让元素y轴靠下排列
![](https://www.um80.com/wp-content/uploads/2023/11/22.jpg?v=1701333411)
4. justify-content-around 元素在x轴上平分父级剩余空间
![](https://www.um80.com/wp-content/uploads/2023/11/22-1.jpg?v=1701333434)
5. justify-content-between 元素在x轴上两边靠边排列
![](https://www.um80.com/wp-content/uploads/2023/11/22-2.jpg?v=1701333458)
6. justify-content-start 元素在x轴上靠前排列
![](https://www.um80.com/wp-content/uploads/2023/11/22-3.jpg?v=1701333481)
7. justify-content-end 元素在x轴上靠后排列
![](https://www.um80.com/wp-content/uploads/2023/11/22-4.jpg?v=1701333506)
8. justify-content-center 元素在x轴上居中
![](https://www.um80.com/wp-content/uploads/2023/11/22-5.jpg?v=1701333528)
原文链接:https://www.um80.com/1613.htm,转载请注明出处。
评论0