如何在絕對div中換行

Question

我正在使用Vue Onsen UI創建漸進式Web應用程序。 我的標題可能會有點長，我把它放在中間，希望它能正常換行，但事實並非如此。 toolbar類絕對定位。

這是網站上的一個有效示例 。

為了測試它，我們需要增加div.center內部文本的div.center 。

有人可以幫助我了解並解決此問題嗎？ 讓我知道是否需要更多信息。

Answer 1

似乎CSS類'center'覆蓋了空白和行高屬性。 以下將為您工作，

.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>