老师这道题为什么会自动换行

老师这道题为什么会自动换行

<!DOCTYPE html>

<html>


<head lang="en">

<meta charset="UTF-8">

<title>setInterval()</title>

<style type="text/css">

div {

width: 300px;

height: 300px;

border: 1px solid #333;

}

</style>

</head>


<body>

<input type="button" value="开始">

<input type="button" value="结束">

<br><br>

<div></div>

<script type="text/javascript">

var btn = document.getElementsByTagName("input")[0];

var btn1=document.getElementsByTagName("input")[1];

var content = document.getElementsByTagName("div")[0];

var timer  //定一个timer

btn.onclick=function(){

timer= setInterval(function(){

//循环空格分开“ ”

content.innerHTML=content.innerHTML+"hello"+" ";//简写content.innerHTML+="hello"+" "

},1000);

}

btn1.onclick=function(){

clearInterval(timer)

}

</script>

</body>


</html>


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,是的,在解析时候空格遇到边框,会自动换行:

http://img1.sycdn.imooc.com//climg/5f62c97c098ce5d503130072.jpg

祝学习愉快~

好帮手慕码 2020-09-17 09:40:52

同学你好,因为在代码中写了空格,即如下:

http://img1.sycdn.imooc.com//climg/5f62bd4d090acb2b04960087.jpg

可以理解为:横线部分会分为两个字符去解析,空格碰到div的边框时候会自动换行。

祝学习愉快~

  • 提问者 yarwood #1
    空格除了排列有间隙以为还有换行的效果是吧?
    2020-09-17 09:47:32
提问者 yarwood 2020-09-16 23:26:08

我有看到这个笔记

div内容不自动换行,可以加一个属性
div.style.wordWrap="break-word";

但我这个代码也没写这个属性也自动换行了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师