如何让网页中的unordered list (ul) 整体居中显示？

在网页设计中，让unordered list (ul) 整体居中显示是一个常见的需求。以下是一些实现这一效果的方法：

方法一：使用CSS的`text-align`属性

通过设置ul元素的text-align属性为center，可以让ul元素内的所有内容居中显示。但这种方法只会让ul元素内的文本内容居中，不会让整个ul元素居中。

ul {
  text-align: center;
}

将ul元素的display属性设置为block，然后使用margin属性将ul元素整体居中。

ul {
  display: block;
  margin: 0 auto;
}

Flexbox布局是现代CSS中非常强大的布局工具，可以让ul元素及其子元素（li元素）在容器内水平居中。

.container {
  display: flex;
  justify-content: center;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  margin-right: 20px; /* 根据需要调整间距 */
}

Grid布局也是一个非常强大的布局工具，可以让ul元素及其子元素在容器内水平居中。

.container {
  display: grid;
  place-items: center;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  margin-right: 20px; /* 根据需要调整间距 */
}

以上四种方法都可以实现让网页中的unordered list (ul) 整体居中显示的效果。你可以根据自己的需求和喜好选择合适的方法。在实际应用中，建议使用Flexbox或Grid布局，因为它们更加灵活和强大。