如何使div内部的非字体元素居中

可以使用CSS的flex布局来实现。

首先，将父元素设置为display: flex，这样子元素就可以按照一定的规则排列。然后，使用justify-content和align-items属性来控制子元素的水平和垂直居中。

例如，要使一个div内部的图片居中，可以这样写CSS：

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

.child {
  /* 其他样式 */
}

其中，parent是父元素的class，child是子元素（图片）的class。这样，无论图片的大小和父元素的大小如何，图片都会在父元素的中心位置居中显示。