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

可以通过设置 div 的 display 属性为 flex，再利用 justify-content 和 align-items 属性来实现非字体元素的居中。

例如，以下代码可以将 div 中的图片和文字都居中显示：

<div style='display: flex; justify-content: center; align-items: center;'>
  <img src='example.jpg' alt='example' style='margin-right: 10px;'>
  <span>这是一个例子</span>
</div>

其中，display: flex 将 div 设置为 flex 布局，justify-content: center 将内部元素水平居中，align-items: center 将内部元素垂直居中。同时，通过为图片设置 margin-right 属性来调整图片和文字之间的间距。