84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如图，三个标签的地方，标签数量不一定，并且标签的字数也是不一定，因此总体的宽度也是不一定的，有什么办法让这这些标签自动居中吗？使用margin:0 auto; width:auto;的结果是宽度表成了百分之百，设置flote:left;的效果虽然宽度自动适应了但是不能居中
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
给标签的父级容器添加css样式：display:flex; justi-content:center;
display:flex; justi-content:center;
代码示例：
.test{ display: flex; justify-content: center; } p{ background: gray; margin: 0 10px; border-radius: 2px; padding: 0 10px; }
<p class="test"> <p>111</p> <p>222</p> <p>333</p> </p>
三个标签的父级元素加text-align: center
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
给标签的父级容器添加css样式：
display:flex; justi-content:center;代码示例：
三个标签的父级元素加text-align: center