前端这个怎么居中阿?

来源:2-4 编程练习

再坚持坚持一下

2020-04-22 12:14:00

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>模版字符串</title>

</head>


<body>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>

    <script type="text/javascript">

    const tmpl = function() {

        return {

            title: "前端",

            data: [{

                title: '布局基础',

                date: ["html", "css"]

            }, {

                title: '网页特效',

                date: ["javascript", "jquery"]

            }, {

                title: '框架',

                date: ["bootstrap", "vue"]

            }]

        }

    }

    // 补充代码

    const { title,data:listData} = tmpl();

    let arr = [];

    listData.forEach(function({title,date}){

        arr.push(`

        <tr>

            <td>${title}</td>

            <td>${date[0]}</td>

            <td>${date[1]}</td>

        </tr>

        `);

    })

   

    const  tab = document.createElement("table");

    tab.innerHTML = arr.join('');

    document.body.append(tab);

    $("table td").css({"border":"1px solid  #666"});

    $("table").css({"border":"1px solid #666"});

    document.body.before(`${title}`);

   

    </script>

</body>

</html>



写回答

1回答

好帮手慕粉

2020-04-22

同学你好,可以使用caption标题标签嵌套:

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

祝学习愉快~

1

0 学习 · 10739 问题

查看课程