如何将文本包装在绝对div中

Question

我正在使用Vue Onsen UI创建渐进式网络应用。我有一个标题，可能有点长，我把它放在中心，期望它正常包装，但事实并非如此。 toolbar类绝对定位。

这是网站上的working example。

要测试它，我们需要增加div.center内的文字大小。

有人可以帮我理解并解决这个问题吗？如果需要更多信息，请告诉我。

Answer 1

似乎CSS类＆＃39;中心＆＃39;覆盖 white-space 和 line-height 属性。以下内容适用于您，

.multiline-center {
   height:100%; 
   display: flex; 
   align-items: center; 
   justify-content: center; 
   white-space:normal; 
   line-height:12pt
}

<div class="center">
    <div class="multiline-center">
        {{ title }}
    </div>
</div>