html DI在DIV中上下左右居中

要在HTML中实现上下左右居中，可以使用CSS的Flexbox布局或Grid布局。下面是两种方法的示例代码：

使用Flexbox布局：

使用Grid布局：

这两种方法都将外层的

设置为全屏高度（height: 100vh），并将内层的

居中显示。使用Flexbox布局时，通过设置justify-content: center和align-items: center属性来实现水平和垂直居中。使用Grid布局时，通过设置place-items: center属性来实现居中对齐。你可以将需要居中的内容放置在内层的

中，根据需要进行样式调整。