1

<div style="

  display: block; /* 改为 block 才能用 margin auto 居中 */

  width: 250px;

  height: 30px;

  background-color: rgba(200, 160, 220, 0.3);

  padding: 5px 10px;

  border-radius: 3px;

  font-family: Arial, sans-serif;

  margin: 0 auto; /* 水平居中关键代码 */
">

  <div style="

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

  ">

  <div style="text-align: left;">时间</div>

  <div style="text-align: center;">/</div>

  <div style="text-align: right;">地点</div>

  </div>
</div>