html - CSS 文本布局问题

Question

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

我该怎么做？

我无法添加指向有问题的 CodePen 的链接，因此在评论中添加了它， 请查看现场演示。

单击“成功通知”按钮，您将看到弹出窗口，在该弹出窗口中，文本是多行的，但我希望它是单行的。

Answer 1

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

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