css - 如果自動獲取寬度并居中？

問題描述

如圖，三個標簽的地方，標簽數量不一定，并且標簽的字數也是不一定，因此總體的寬度也是不一定的，有什么辦法讓這這些標簽自動居中嗎？使用margin:0 auto; width:auto;的結果是寬度表成了百分之百，設置flote:left;的效果雖然寬度自動適應了但是不能居中

問題解答

給標簽的父級容器添加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：

三個標簽的父級元素加text-align: center