CSS中有很多關于文本框對齊方式的屬性，可以讓我們更好地控制文本框的展現，以下就是幾種比較常用的文本框對齊方式。

首先是水平對齊，在CSS中有兩種方式可以控制文本框的水平對齊：text-align和float。

.text {
text-align: center; /* 水平居中對齊 */
}
.left {
float: left; /* 左對齊 */
}
.right {
float: right; /* 右對齊 */
}

其次是垂直對齊，在CSS中有個vertical-align屬性可以用來控制文本框的垂直對齊。常用的屬性值有top、middle、bottom。

.vertical {
vertical-align: middle; /* 垂直居中對齊 */
}
.top {
vertical-align: top; /* 頂部對齊 */
}
.bottom {
vertical-align: bottom; /* 底部對齊 */
}

較為實際使用的是多個文本框水平或垂直對齊方式的聯用。

.container {
display: flex; /* 先定義為flex布局 */
justify-content: space-between; /* 水平分散對齊 */
align-items: center; /* 垂直居中對齊 */
}
.box {
width: 100px;
height: 50px;
}

以上就是一些常見的文本框對齊方式，可以根據需求靈活使用，實現頁面設計的多樣性。