方法一：使用绝对定位
使用绝对定位可以使文本框在网页中居中。在CSS中，可以使用以下代码来实现文本框的居中效果：
“`css
.text-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
其中，`.text-box`是文本框的类名，`top`和`left`属性分别设置文本框的居中位置，`transform`属性设置文本框的旋转角度，可以根据实际情况调整旋转角度的大小。
需要注意的是，使用绝对定位时，文本框的大小会根据页面中其他元素的的大小而变化。为了使文本框的大小保持不变，可以使用CSS的伪元素，如`
方法二：使用flex布局
使用flex布局可以使文本框在网页中居中。在CSS中，可以使用以下代码来实现文本框的居中效果：
“`css
.text-box {
display: flex;
justify-content: center;
align-items: center;
其中，`.text-box`是文本框的类名，`display`属性设置为`flex`,`justify-content`和`align-items`属性分别设置文本框的居中位置和旋转角度。
这种方法相对于使用绝对定位来说，更加灵活，可以根据实际需要进行微调。但是，flex布局也需要注意，如果其他元素的高度发生了变化，文本框的大小也会发生变化。
方法三：使用transform
使用transform可以使文本框在网页中居中。在CSS中，可以使用以下代码来实现文本框的居中效果：
“`css
.text-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
其中，`.text-box`是文本框的类名，`top`和`left`属性分别设置文本框的居中位置，`transform`属性设置文本的旋转角度。
需要注意的是，使用transform时，文本框的大小会根据页面中其他元素的的大小而变化。为了使文本框的大小保持不变，可以使用CSS的伪元素，如`
以上是CSS中文本框如何居中的一些常见方法。在实际使用时，需要根据具体情况进行选择。