.NET Core 6.0中自定义Swagger UI：如何将端点摘要对齐到右上角？

针对Swashbuckle.AspNetCore v6.5 + .NET Core 6.0的场景，你可以通过注入自定义CSS样式调整端点摘要的位置，具体步骤如下：

1. 添加自定义CSS文件
   在项目根目录创建wwwroot/css文件夹（如果不存在），新建swagger-custom.css文件，写入以下样式：

   /* 调整端点摘要容器布局，将描述推至右侧 */
   .opblock-summary {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }
   
   /* 设置摘要文本右对齐 */
   .opblock-summary-description {
       margin-left: auto;
       text-align: right;
   }
   

2. 配置静态文件与Swagger UI
   在Program.cs中，先确保启用静态文件中间件（放在Swagger相关配置之前）：

   app.UseStaticFiles();
   

   然后修改SwaggerUI的配置，注入自定义样式：

   app.UseSwaggerUI(options =>
   {
       options.SwaggerEndpoint("/swagger/v1/swagger.json", "你的API版本名称");
       // 引入自定义CSS
       options.InjectStylesheet("/css/swagger-custom.css");
   });
   

完成以上配置后，启动项目打开Swagger UI，就能看到端点摘要已经对齐到右上角了。

内容的提问来源于stack exchange，提问作者Cust_1