hello溢出,请老师帮忙看下

来源:1-26 编程练习

星辰也伤风

2020-07-19 11:31:23

<!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="开始">
    <br><br>
    <div></div>
    <script type="text/javascript">
        //补充代码
        var box = document.getElementsByTagName("div")[0],
            btn = document.getElementsByTagName("input")[0];

        function blink() {
            box.innerHTML += "hello&nbsp;";
        };

        btn.onclick = function () {
            setInterval(blink, 1000);
        };
    </script>
</body>

</html>

    http://img.mukewang.com/climg/5f13be770965031006380483.jpg

写回答

1回答

好帮手慕码

2020-07-19

同学你好,原因是&nbsp;在解析的时候,会与其他的字母连在一起,解析成一个单词,一个单词就不会自动换行,所以超出了容器。可以按F12查看:

http://img.mukewang.com/climg/5f13c0b2098fc56b04610235.jpg

虽然它显示在页面是一个空格,但是在html结构中,它是字母的形式展示的。如果想要换行显示,可以使用空格键敲一个:

http://img.mukewang.com/climg/5f13c0e3093d561504170071.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 40143 问题

查看课程