在html中将框内的文字既垂直居中又水平居中的操作步骤如下：
1、首先创建一个盒子，并在中间输入文字信息。
2、然后对盒子添加了边框颜色后，这时文字在左侧第1行位置。
3、输入text-align 这个文字的对齐样式，然后在属性中输入center中间的意思，就是将文字在水平位置居中。
4、这样就是文字在水平位置上居中了。
5、根据不同的需要调整line值，这里使用的是行高将其设置为垂直居中，行高的属性是line-height，后面的属性值设置和父级的盒状标签高度相同，这样就可以做到文字垂直方向上居中。
6、设置完后可以看文字既垂直居中又水平居中，这样在html中将框内的文字既垂直居中又水平居中的问题就解决了。
水平居中：
行内元素：可以父级利用text-align: center进行水平居中
块级元素：
①可以利用margin: 0 auto进行水平居中
②使用position决定定位
利用margin-left进行左偏移
利用transform进行左偏移
③使用flex布局
垂直居中：
内联元素：可以使用line-height进行垂直居中
块级元素：
①使用position定位
利用margin-top进行上偏移
利用transform进行上偏移
②使用flex布局
常用的基本就这些，当然还有grid布局，父级设置为table布局，进行设置等方案，这边不做过多赘述。
