Css 文本在flexbox中右对齐

我有一个flexbox，其中的元素是“p”元素

我试着将它对齐，但它仍然不起作用，所有的东西都仍然对齐中心

.box1{
显示器：flex；
弯曲方向：立柱；
文本对齐：右对齐；
证明内容：之间的空间；
字体系列：“Merriweather”，无衬线；
字体大小：60px；
宽度：30%；
}

---

是否可以正确对齐？

对齐项目：柔性端将把

元素与容器的右侧对齐，但仅当容器的宽度大于子容器的宽度时

div{
宽度：200px；
显示器：flex；
弯曲方向：立柱；
对齐项目：柔性端；
框大小：边框框；
边框：纯红3px；
}
p{
宽度：100px；
text align:right；//您可能还希望使用此选项，以便将文本对齐到最右侧。
框大小：边框框；
边框：固体石灰3px；
}

测试1

测试2

测试3

测试4

将文本对齐到以下段落：

.box1 p {
  text-align: right;
}

---

我们需要查看您的HTML文档，我还尝试了对齐项目。但“以列结尾”的方向实际上是一列的底部…@Tatjana这能解释并解决您的问题吗？您的解决方案只有在我将文本对齐到段落时才起作用）但谢谢您anyway@Tatjana我的回答中的演示向您准确地展示了正在发生的事情<代码>对齐项目：flex end将元素对齐到右侧，但默认情况下，文本填充将对齐到左侧，因此，如果文本填充的宽度小于其容器的宽度，它将显示为未对齐到右侧。