html - 如何改变CSS中换行的方向？

Question

我在div里面有p，和普通的段落不一样。它从右下角开始，有点像这样

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

发生了什么。

我想要的。

这是我的样式表:

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

p{
   align-self: flex-end;
 }

有可能吗？

Answer 1

你想要这个？ See this fiddle

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;
 }