如何在CSS中改变换行方向？

Question

我在div里面放了一个p标签，它和普通段落不同。它从右下角开始，有点像这样：

主要问题是当我输入更多文本时，有不同方向的换行符。

发生了什么。

我想要什么。

这是我的样式表：

div{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
  }

p{
   align-self: flex-end;
 }

这真的可能吗？

- Sanatan Chaudhary

Answer 1

你想要这个吗？ 点击查看细节

div{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   background: red;
   width: 200px;
   height: 200px; 
  }

p{
   align-self: flex-end;
   color: #fff;
   text-align: right;
 }

- Vincent G