Question

我有这个非常大的文字，我想添加换行符，以便在我的应用程序上看起来更好。我尝试过使用

"<br>", "\n"

将文字切成碎片。我试图改变跨度的宽度，但似乎没有任何工作。我究竟做错了什么？任何帮助表示赞赏。

<span id="instr" style="color: white; font-size: 15pt;"></span>

<script type="text/javascript">
function instructions(){
....

document.getElementById("instr").textContent = "Really biiiiiiiiiiiiiiiiiiiiiiiiig text here";

}
</script>

Answer 1

要设置<br />换行符，您需要使用innerHTML属性：

document.getElementById("instr").innerHTML = "Really<br />biiiiiiiiiiiiiiiiiiiiiiiiig<br/ >text here";

Answer 2

您可以使用CSS white-space属性来包装文本。有关详细信息，请参阅此处：https://developer.mozilla.org/en-US/docs/CSS/white-space

Answer 3

使用document.getElementById("instr").innerHTML插入<br>。

Answer 4

因为span是内联元素，所以我不会使用它。我会尝试div或p元素。如果必须，请查看自动换行属性

Answer 5

只需使用innerText代替textContent。然后，您可以使用\n。

document.getElementById("instr").innerText = "Really biiiiiiiiiiiiiiiiiiiiiiiiig\n text here";

或者使用innerHTML和<br/>。

document.getElementById("instr").innerHTML = "Really biiiiiiiiiiiiiiiiiiiiiiiiig<br/> text here";

jsFiddle：http://jsfiddle.net/phCmH/

Javascript换行符不起作用

5 个答案: