CSS中的

和
• 標簽常用于列表的展示，但是有時候我們需要把這些列表項橫向居中。下面介紹三種實現方法：

  /* 第一種方法：利用text-align:center和display:inline-block */
  ul {
  text-align:center;
  }
  li {
  display:inline-block;
  }
  /* 第二種方法：利用flex布局 */
  ul {
  display:flex;
  justify-content:center; /* 水平居中 */
  }
  li {
  /* 可以添加其他樣式，比如padding、margin等 */
  }
  /* 第三種方法：利用表格布局 */
  ul {
  display:table;
  margin:auto; /* 水平居中 */
  }
  li {
  display:table-cell;
  /* 可以添加其他樣式，比如padding、margin等 */
  }

  使用其中任何一種方法都可以將

  和
  • 橫向居中。如果你想要加入其他樣式，可以在
  • 中添加你要的屬性，如color、font-size等等。希望以上方法對你的工作有所幫助。