我正在尝试使用模板字符串来更新 infoDiv 的文本,由于某种原因,所有这些文本都在一行中。我究竟做错了什么?这些解决方案都不起作用——它们只是被渲染出来的。
infoDiv.textContent = `Hi!
It's a ${counter} question quiz.
It takes about ${time_minutes} minutes to solve it.
Are you ready?`
Run Code Online (Sandbox Code Playgroud)
编辑:
我在这里找到了 CSS 解决方案( white-space: pre-line;)。
infoDiv.textContent = `Hi!
It's a ${counter} question quiz.
It takes about ${time_minutes} minutes to solve it.
Are you ready?`
Run Code Online (Sandbox Code Playgroud)
let counter = 8;
let time_minutes = 3;
infoDiv.textContent = `Hi!
It's a ${counter} question quiz.
It takes about ${time_minutes} minutes to solve it.
Are you ready?`Run Code Online (Sandbox Code Playgroud)