如何在Quarto中实现摘要文本两端对齐？

问题原因 #

Quarto会将YAML头部定义的摘要渲染为带有特定类名的HTML元素，不会自动应用你自定义的.justify类，因此之前的CSS样式无法作用到摘要文本上。

解决方案 #

直接针对Quarto生成的摘要容器（.abstract类）设置文本对齐样式，以下是两种有效写法：

写法1：针对摘要内的段落文本 #

{css, echo: FALSE}
.abstract p {
  text-align: justify;
}

写法2：针对整个摘要容器 #

{css, echo: FALSE}
.abstract {
  text-align: justify;
}

完整可复现示例 #

---
title: "How to align the text of an abstract"
format: html
abstract: "Text can also be \"centered\", or symmetrically aligned along an axis in the middle of a column. This is often used for the title of a work, headlines, and for poems and songs. As with flush-right alignment, centered text is often used to present data in tables. Centered text is considered less readable for a body of text made up of multiple lines because the ragged starting edges make it difficult for the reader to track from one line to the next.Centered text can also be commonly found on signs, flyers, and similar documents where grabbing the attention of the reader is the main focus, or visual appearance is important and the overall amount of centered text is small.Some modern typesetting programs offer four justification options: left justify, right justify, center justify and full justify. These variants respectively specify whether the full lines of a paragraph are aligned on the left or the right, centered (edges not aligned), or fully justified (spread over the whole column width). In programs that do not offer multiple kinds of justification, typically only left (for left-to-right languages) or right (for right-to-left languages) justification is provided."
editor: visual
---

```{css, echo: FALSE}
.abstract p {
  text-align: justify;
}

## 补充说明
Quarto渲染YAML中的`abstract`时，生成的HTML结构大致如下：
```html
<div class="abstract">
  <p>你的摘要文本内容</p>
</div>

通过.abstract p选择器可以精准定位到摘要的文本段落，确保样式生效。

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