.container {
  text-align: left;    /* 左对齐（默认） */
  text-align: center;  /* 居中对齐 */
  text-align: right;   /* 右对齐 */
  text-align: justify; /* 两端对齐 */
}

.container {
  display: flex;
  justify-content: flex-start; /* 左对齐 */
  justify-content: center;     /* 居中对齐 */
  justify-content: flex-end;   /* 右对齐 */
  justify-content: space-between; /* 两端对齐，项目间间隔相等 */
  justify-content: space-around;  /* 每个项目两侧间隔相等 */
  justify-content: space-evenly;  /* 项目间和边缘间隔完全相等 */
}

.container {
  display: grid;
  grid-auto-flow: column;
  justify-content: start | center | end | space-between | space-around | space-evenly;
}

.inline-element {
  display: inline-block;
  vertical-align: top | middle | bottom | baseline;
}

<div><span>Item1</span><span>Item2</span></div>

.inline-element {
  margin-right: -4px;
}

.container {
  font-size: 0;
}
.inline-element {
  font-size: 16px; /* 重置子元素字体大小 */
}

.inline-element {
  vertical-align: top; /* 或 middle/bottom */
}

.container {
  white-space: nowrap;
  overflow-x: auto; /* 添加滚动条 */
}

.container {
  display: flex;
  flex-wrap: nowrap;
}