CSS 樣式是指將 HTML 頁面構建成視覺效果所需要的方式。其中,對于對齊文本來說,通常會涉及到文字內部、文字與容器之間、容器與容器之間三種情況。比較常見的是將文字置于容器中央。下面分別介紹三種情況怎么設置。
一、將文字置于容器中央:
p {
display: flex; //將p標簽變成彈性盒子
justify-content:center;//設置主軸居中對齊
align-items:center; //設置側軸居中對齊
}
二、將文字內部居中:
p {
text-align: center; //設置居中對齊
line-height: 2; //設置行高為2倍
height: 80px; //將p標簽高度設置為80px,如果高度不夠,line-height響應上調
}
三、將多行文字置于容器中央:
p {
display: table-cell; //將p標簽設為表格單元格
vertical-align: middle; //設置垂直居中對齊
}
綜上所述,以上是三種將文字居中的方法。一定要注意html代碼標簽的正確套用,否則css設置無效。
下一篇mysql數據庫持久性