CSS是前端開發中不可或缺的一部分。其中，控件的對齊是常見的需求。在此，我們介紹如何使用CSS對控件進行對齊。

首先，我們需要了解HTML和CSS中的盒模型。盒模型由內容、填充、邊框和外邊距組成。根據不同的盒模型以及CSS的屬性設置，控件之間的對齊也有所不同。

以下分別介紹幾種對齊方式:

/*水平左對齊*/
.container{
display:flex;
justify-content:flex-start;
}
/*水平居中對齊*/
.container{
display:flex;
justify-content:center;
}
/*水平右對齊*/
.container{
display:flex;
justify-content:flex-end;
}
/*垂直上對齊*/
.container{
display:flex;
align-items:flex-start;
}
/*垂直居中對齊*/
.container{
display:flex;
align-items:center;
}
/*垂直下對齊*/
.container{
display:flex;
align-items:flex-end;
}
/*水平和垂直方向都居中*/
.container{
display:flex;
justify-content:center;
align-items:center;
}

上述的示例中，我們使用了flex布局，其中justify-content屬性用于控制水平方向的對齊，align-items屬性用于控制垂直方向的對齊。這些屬性的屬性值分別對應不同的對齊方式，如flex-start表示左對齊、center表示居中對齊、flex-end表示右對齊等。

除了使用flex布局，我們還可以通過其他屬性實現對齊，如float、position等。在進行對齊時，我們需要根據具體的場景和需求選擇合適的對齊方式。

總之，CSS能夠實現多種對齊方式，我們只需要根據實際需求來選擇合適的方式。