代码如何让内框居中
常见问答
如何在网页中使内框水平居中？
我想让网页中的一个内框在父容器中水平居中，该使用什么CSS属性或方法？
使用CSS的margin自动设置实现水平居中
可以给内框设置固定宽度，然后将左右margin设置为auto，例如：
.inner-frame {
width: 300px;
margin: 0 auto;
}
这会使内框在父容器中水平居中。
如何让内框在父容器内垂直居中？
除了水平居中，我还想让内框在垂直方向上居中，应该如何设置？
利用Flexbox实现垂直居中
可以给父容器设置display: flex，并将align-items属性设置为center，例如：
.parent-container {
display: flex;
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
height: 400px; /* 需指定高度 */
}
这样内框就能同时在父容器内垂直和水平居中。
使用绝对定位如何让内框居中？
想用CSS绝对定位来实现内框居中，具体该怎样写？
结合绝对定位和transform实现居中
给内框设置position: absolute，然后利用top、left结合transform进行位移，例如：
.inner-frame {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
这使内框在父容器中以自身中心点为基准居中显示。