CSS文本布局问题

Question

我正在使用alertify在我的应用程序上显示通知，成功通知中的文本为多行换行，但我希望在一行上显示吗？

我该怎么做？

我无法将链接添加到有问题的CodePen，因此在评论中添加了它，请检查实时演示。

单击“成功通知”按钮，您将获得弹出窗口，在该弹出窗口中，文本为多行，但我希望为单行。

Answer 1

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

我更改width: 300px; width: auto; 。 在单行上。 那是您想要的，对吗？ 它还会自动调整为您的文字长度。