為什么我的所有元素都向左對齊，而我的第二段沒有顯示？

Question

我有一個非常基本的 html 代碼，所有元素都分配到左邊，我的第二段沒有顯示

 #bar { align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }

 <div id="bar"> <h2>title</h2> <p>paragraphtext1</p> <img src="" alt="logo" /> <img src="" alt="logo" width="720" /> <img src="" alt="logo" /> <img src="" alt="logo" width="720" /> <img src="" alt="logo" /> <p2>hi</p2> </div>

Answer 1

align-items: center; justify-content: center; align-items: center; justify-content: center; 規則工作，添加display: flex; 以及。 如果你只想水平對齊項目，你可以使用text-align: center; 而不是那三個規則。 此外， p2不是有效的 HTML 標簽。 將其更改為p ，它應該可以正常工作。