老师,这里的document.write为什么没有换行,该怎么实现换行?

老师,这里的document.write为什么没有换行,该怎么实现换行?

<!DOCTYPE html>

<html>


<head>

  <meta charset="UTF-8" />

  <title>document</title>

</head>


<body>

  <script type="text/javascript">

    const m = new Map([

      ['apple', '10'],

      ['strawberry', '5'],

      ['Banana', '0']

    ])

    // 在此补充代码


    for (const [a, b] of m) {


      document.write(`${a.padEnd(20, " - ")} Count: ${b.padStart(3, 0)} `)

    }


  </script>

</body>


</html>


正在回答

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

1回答

同学你好,换行需要添加换行符,参考如下:

https://img1.sycdn.imooc.com//climg/63d36c3d099e8ad812750295.jpg

祝学习愉快!

  • ocean学前端 提问者 #1

    老师,,好像我这打印出来还是上下不一致,不知道出错在哪?

        for (const [a, b] of m) {


          document.write(`${a.padEnd(28, "-")} Count: ${b.padStart(3, 0)} ` + "<br>")

        }


    2023-01-28 06:14:59
  • 卡布琦诺 回复 提问者 ocean学前端 #2

    同学你好,使用document.write()方法输出到页面上,无法实现对齐是跟浏览器渲染字符大小有关系,无法通过程序控制,如果要实现对齐效果,建议使用console.log()方法打印到控制台上,参考如下:

    https://img1.sycdn.imooc.com//climg/63d484040942308218700945.jpg

    祝学习愉快!

    2023-01-28 10:11:42
  • ocean学前端 提问者 回复 卡布琦诺 #3

    老师,如果在模板字符串里想换行,该怎么实现?

    2023-02-02 11:48:04
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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