CSS居中P標簽代碼
p { text-align: center; display: flex; justify-content: center; align-items: center; }
CSS有許多種方法可以實現元素的居中,但在這里我們將介紹兩種比較流行的方式。
第一種方法是使用text-align屬性。將p標簽的text-align屬性值設置為center即可實現p標簽的水平居中。例如:
p { text-align: center; }
第二種方法是使用彈性盒子模型(Flexbox)來居中。添加display: flex,justify-content: center,align-items: center屬性值即可。例如:
p { display: flex; justify-content: center; align-items: center; }
這樣,我們就能實現元素的水平和垂直居中。以上代碼都可以直接添加在css樣式表中或者內聯樣式中使用。