效果展示：

为了展示合作伙伴的logo，你可以使用一个简单的CSS样式。以下是一个例子，该样式可以应用于合作伙伴logo的图片：

.partner-logo {
  display: block;
  max-width: 100px; /* 可以根据需要调整logo的最大宽度 */
  height: auto; /* 高度自动调整以保持图片比例 */
  margin: 10px 0; /* 上下边距为10像素，左右边距为0 */
  border-radius: 4px; /* 圆角效果，半径为4像素 */
  overflow: hidden; /* 当图片尺寸被限制时，隐藏超出的部分 */
}

/* 如果需要对齐logo到页面中心，可以使用以下样式 */
.centered {
  text-align: center;
}

.centered .partner-logo {
  margin-left: auto;
  margin-right: auto;
}

HTML中使用这个样式的示例：

<div class="centered">
  <img src="path/to/your/partner-logo.png" alt="Partner Logo" class="partner-logo">
</div>

请确保将path/to/your/partner-logo.png替换为实际合作伙伴logo图片的文件路径。如果logo图片的尺寸与你希望展现的尺寸不同，可以通过调整max-width和height属性来使其适应。此外，alt属性提供了文本描述，对于无障碍访问非常重要。
这个样式可以根据你的具体需求进行调整，例如，如果你想要logo居中显示，可以添加.centered类到包含logo的元素中。

如果你有多个logo并且想要以相同的样式显示它们，你可以将这些logo放入一个HTML元素中，并且应用相同的CSS类。例如，你可以使用一个

<div class="partner-logos">
  <img src="path/to/first-partner-logo.png" alt="First Partner Logo" class="partner-logo">
  <img src="path/to/second-partner-logo.png" alt="Second Partner Logo" class="partner-logo">
  <!-- 更多的logo图片... -->
</div>

.partner-logo {
  display: inline-block; /* 使图片能够和其他元素在一行内排列 */
  max-width: 100px;
  height: auto;
  margin: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.partner-logos {
  text-align: center; /* 使logo们在<div>内居中 */
}