2017-07-07 159 views
0

我正在使用alertify在我的應用程序上顯示通知,成功通知中的文本是換行和多行,但我希望它在單行上?CSS文本佈局問題

我該怎麼做?

我無法添加鏈接到有問題的CodePen,因此在評論中添加它, 請檢查現場演示。

點擊「成功通知」按鈕,你會得到彈出窗口,並在該彈出文本是多行,但我希望它在單行。

+0

代碼演示:https://codepen.io/anon/pen/jwvwyZ – n33rma

+0

將'.alertify-logs'的'width:300px;'更改爲任何你喜歡的。 –

+0

是否可以根據文字長度進行調整?我不想給任何硬編碼的寬度。 – n33rma

回答

1
.alertify-logs { 
position: fixed; 
z-index: 5000; 
bottom: 10px; 
right: 10px; 
width: auto; 
} 

我將width: 300px;更改爲width: auto;。它在單線上。 這就是你想要的,對嗎?它也可以自動調整,無論你的文字長度是多少。