84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
如图,三个标签的地方,标签数量不一定,并且标签的字数也是不一定,因此总体的宽度也是不一定的,有什么办法让这这些标签自动居中吗?使用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
给标签的父级容器添加css样式:
display:flex; justi-content:center;
代码示例:
三个标签的父级元素加text-align: center