CSS Flex 布局实现 div 内部非字体元素居中

可以使用 CSS 的 flex 布局来实现 div 内部非字体元素的居中。

首先，设置 div 的 display 属性为 flex，这样子元素就可以按照一定比例进行排列。

然后，可以使用 'align-items' 和 'justify-content' 属性来控制元素在垂直和水平方向上的对齐方式。将这两个属性的值都设置为 'center'，就可以实现居中。

示例代码如下：

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

其中，div 为需要居中的容器，可以根据实际情况进行调整。