做一个简陋的小网站之:生成多个div---(2)

生成三个div

效果:

在把div插入到y(zhangsan)里面的时候,又在div创建了一个keyboard；又把kbd插入到div里面;

创建一个标签做儿子;创建一个标签 做儿子(总结上面一幅图)
效果如下:

三个div，每个div里面有一个kbd

暂时的代码如下:

效果:

如何在生成多个kbd(一个div里面有多个kbd)

效果：

更改每一行kbd的个数

效果:

使得每一行变成不同的字母

style

设置kbd宽度

设置其宽高;kbd为内联元素;加一个display: inline-block；

设置小写为大写

将下面两排拖至中间

效果:

让三个div地址一样

main里面有一个wrapper的div，

解决marge没有的问题

让marge再次出现:

居中
居中的两种方法:
1.内联元素的居中:
给爸爸加一个text-line-center;
2.块级元素(div):
如果宽度是固定,也好居中;
但是现在的问题是什么？以上两者皆不是；
解决办法:
1):将其变成内联元素

2)让其宽度固定;

在其爸爸身上加一个text-align: center;