我有这个非常大的文字,我想添加换行符,以便在我的应用程序上看起来更好。我尝试过使用
"<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>
答案 0 :(得分:2)
要设置<br />
换行符,您需要使用innerHTML
属性:
document.getElementById("instr").innerHTML = "Really<br />biiiiiiiiiiiiiiiiiiiiiiiiig<br/ >text here";
答案 1 :(得分:1)
您可以使用CSS white-space
属性来包装文本。有关详细信息,请参阅此处:https://developer.mozilla.org/en-US/docs/CSS/white-space
答案 2 :(得分:0)
使用document.getElementById("instr").innerHTML
插入<br>
。
答案 3 :(得分:0)
因为span是内联元素,所以我不会使用它。我会尝试div或p元素。如果必须,请查看自动换行属性
答案 4 :(得分:-1)
只需使用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/