在HTML中,想要實現(xiàn)上下文字居中的效果,可以使用如下的代碼:
這是文本內(nèi)容這是另一個文本內(nèi)容
上述代碼的實現(xiàn)方法是通過使用Flexbox布局,將容器的主軸方向設(shè)置為column,并使用justify-content: center屬性來使其內(nèi)部元素垂直居中。
同時,內(nèi)部文本元素使用text-align: center屬性,實現(xiàn)水平居中的效果。
需要注意的是,代碼中最外層的div設(shè)置了一個固定的高度,這是為了使Flexbox可以正常工作。如果你想要自適應(yīng)高度的效果,可以將高度屬性去掉。