如何居中并更改这些项目的大小？

要居中并更改项目的大小，可以使用CSS来实现。以下是一种常见的方法：

1. 居中：使用CSS的flexbox布局或者grid布局可以轻松实现居中效果。可以将项目的父容器设置为flex或grid布局，并使用justify-content和align-items属性来将项目居中。

示例代码（flexbox布局）：

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

示例代码（grid布局）：

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

1. 更改大小：可以使用CSS的width和height属性来更改项目的大小。可以将项目的宽度和高度设置为固定值（如px）或者相对值（如百分比）。

示例代码：

.item {
  width: 200px;
  height: 200px;
}

如果需要在不同的屏幕尺寸下自适应调整大小，可以使用CSS的媒体查询（media query）来设置不同的宽度和高度。

综上所述，通过使用CSS的flexbox或grid布局可以实现项目的居中，并使用width和height属性来更改项目的大小。