div不居中对齐要如何解决

要让一个 div 元素在水平和垂直方向上居中对齐，可以使用如下的 CSS 样式：

.div {
  display: flex;
  justify-content: center;
  align-items: center;
}

其中 `display: flex` 可以让 div 元素成为一个弹性盒子，`justify-content: center` 和 `align-items: center` 分别将 div 元素在水平和垂直方向上居中对齐。这种方式比使用绝对定位和 transform 属性更加简单和灵活，而且可以适应不同大小的父元素和子元素。