div中的span内容居中

要使div中的span内容居中，可以使用CSS样式来实现。可以通过以下两种方法来实现：

1. 使用Flexbox布局：

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

这将使div成为一个Flex容器，并将span内容水平和垂直居中。

2. 使用文本对齐属性：

div {
  text-align: center;
}
span {
  display: inline-block;
}

这将使div中的文本水平居中，而将span元素设置为inline-block将使其按照文本的方式居中显示。

无论使用哪种方法，都可以实现div中的span内容居中显示。