引导模式中的换行符不起作用.

Question

你如何为模态的内容正确添加换行符？我有一个简单的字符串:

'Please check the Apple and/or \nOrange Folder checkbox to start program.'

我把"\n"换行符放在"橙色"之前,所以我希望模态有两行.但是,当显示模态时,所有内容都显示在一行上('\n'未显示,因此我确信打字稿正确地看到它并且不使其成为字符串的一部分).

Answer 1

但是,当显示模态时,所有内容都显示在一行上(不显示'\n')

确保容器有CSS white-space: pre.如果没有这个新行被忽略,多个空格被折叠为一个等等.这就是html/CSS的工作原理.

Answer 2

就我而言，white-space: pre-line效果比basarat 的 回答 要好white-space: pre。