请问老师,我的这个前端大标题怎么居中,而且怎么去掉大标题的边框

来源:2-4 编程练习

慕虎1507818

2021-01-27 20:43:28

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模版字符串</title>
</head>

<body>
<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 = [];
arr.push(title);
listData.forEach(function({ title , date:[a,b] }){
arr.push(
`<tr><td>${title}</td><td>${a}</td><td>${b}</td></tr>`
);
});
let table = document.createElement('table');
table.innerHTML = arr.join('');
document.body.appendChild(table);
table.border = '1px';
</script>
</body>
</html>

http://img.mukewang.com/climg/60115eb509d95b2a02710145.jpg

写回答

1回答

好帮手慕夭夭

2021-01-28

同学你好,如果是给文本设置标题,那么设置text-align:center就可以居中。不过代码中表格的标题“前端”没有放在标题标签中,不太规范。如果把文本放在标题标签中,文字默认会居中。这样结构规范,也不需要我们自己再设置居中效果了。如下:

http://img.mukewang.com/climg/601216e709f9661f06460113.jpg

参考如下优化:

http://img.mukewang.com/climg/601217d8092b520a05000108.jpg

祝学习愉快~

0

0 学习 · 10739 问题

查看课程