問題描述

如圖，三個(gè)標(biāo)簽的地方，標(biāo)簽數(shù)量不一定，并且標(biāo)簽的字?jǐn)?shù)也是不一定，因此總體的寬度也是不一定的，有什么辦法讓這這些標(biāo)簽自動(dòng)居中嗎？使用margin:0 auto; width:auto;的結(jié)果是寬度表成了百分之百，設(shè)置flote:left;的效果雖然寬度自動(dòng)適應(yīng)了但是不能居中

問題解答

給標(biāo)簽的父級(jí)容器添加css樣式：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>回答2：

三個(gè)標(biāo)簽的父級(jí)元素加text-align: center