使用div使内联元素居中

是通过CSS样式来实现的。可以通过以下几种方式实现：

1. 使用text-align属性： 可以将内联元素包裹在一个div中，然后给这个div设置text-align属性为center，这样就可以实现水平居中。 示例代码：

<div style="text-align: center;">
  <span>内联元素</span>
</div>

1. 使用display: flex布局： 将内联元素所在的div设置为display: flex，并使用justify-content: center和align-items: center属性来使内容水平和垂直居中。 示例代码：

<div style="display: flex; justify-content: center; align-items: center;">
  <span>内联元素</span>
</div>

1. 使用position属性： 给内联元素所在的div设置position: relative，然后给内联元素设置position: absolute和left: 50%，再配合使用transform: translateX(-50%)属性来使元素水平居中。 示例代码：

<div style="position: relative;">
  <span style="position: absolute; left: 50%; transform: translateX(-50%);">内联元素</span>
</div>

1. 使用text-align和line-height属性： 将内联元素所在的div设置text-align: center，然后给内联元素设置display: inline-block和line-height等于div的高度来使元素在垂直方向上居中。 示例代码：

<div style="text-align: center; height: 100px;">
  <span style="display: inline-block; line-height: 100px;">内联元素</span>
</div>

这些方法都可以实现将内联元素在div中居中显示，具体选择哪种方法可以根据实际情况和需求来决定。