CSS中有許多對齊方式,其中兩種常用的對齊方式為文本對齊和元素對齊。
/* 文本對齊 */ text-align: center; /* 居中對齊 */ text-align: left; /* 左對齊 */ text-align: right; /* 右對齊 */ text-align: justify; /* 兩端對齊 */ /* 元素對齊 */ display: flex; /* 彈性布局 */ justify-content: center; /* 主軸居中對齊 */ align-items: center; /* 交叉軸居中對齊 */
文本對齊可以應用于段落、標題等文本元素,控制文字在容器中的位置。常用的居中對齊可以使文本看起來更美觀,也可以使視覺層次更清晰。而元素對齊則常用于布局中,尤其是針對多個元素在一個容器中的情況。使用彈性布局可以快速實現主軸和交叉軸的居中對齊,從而達到更好的頁面效果。