Angular fxLayout - 堆叠垂直文本 - css flexbox

问题描述

看图，如何将竖排文字堆叠起来，如果空间不够，文字本身会一个接一个地放置？一切以垂直方式

我想要的：

到现在为止我做了什么：

<div>
    <div>
      <i class="material-icons">search</i>
      <i class="material-icons">schedule</i> text 1
    </div>
    <div class="event-text-container">
      <p style="margin-top: 0px; margin-bottom: 0px;font-size:12px;font-weight: normal;">
        text 2
      </p>
      <p style="margin-top: 0px; margin-bottom: 0px;font-size:12px;font-weight: normal;">
        text 3
      </p>
    </div>
</div>

.event-text-container {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）