如果想要讓頁面元素在水平方向上對齊，就需要使用CSS的水平布局技巧。以下是幾種方法：

/* 方法一：使用float */
.box{
float: left; /* 將元素左浮動 */
}
/* 注意：使用float時，需要為父元素清除浮動，以防止子元素溢出 */
.parent{
overflow: hidden;
}
/* 方法二：使用display:inline-block */
.box{
display: inline-block; /* 將元素設置為內聯塊級元素 */
vertical-align: middle; /* 用于垂直居中 */
}
/* 注意：使用display:inline-block時，需要對父元素消除空白節點的影響，如下所示 */
.parent{
font-size: 0; /* 將字號設置為0 */
}
/* 方法三：使用flex布局 */
.parent{
display: flex; /* 將父元素設置為flex容器 */
justify-content: space-between; /* 將元素在主軸上等間距排列 */
}
/* 方法四：使用grid布局 */
.parent{
display: grid; /* 將父元素設置為網格容器 */
grid-template-columns: repeat(3, 1fr); /* 將元素等分為三列 */
}