当屏幕变小时，如何使内联列表居中？

当屏幕变小时，可以使用以下方法使内联列表居中：

1. 使用CSS的Flexbox布局：将父容器设置为display: flex，并使用justify-content: center属性将子元素水平居中。

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

1. 使用CSS的Grid布局：将父容器设置为display: grid，并使用justify-items: center属性将子元素水平居中。

.parent-container {
  display: grid;
  justify-items: center;
}

1. 使用text-align属性：将父容器的text-align属性设置为center，子元素必须为inline或inline-block元素。

.parent-container {
  text-align: center;
}

以上方法可以使内联列表在屏幕变小时水平居中。这种布局适用于响应式设计，可以确保在不同屏幕尺寸下都能保持居中对齐。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云Flexbox布局介绍
• 腾讯云Grid布局介绍
• 腾讯云CSS布局指南