生成三个div

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

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

在把div插入到y(zhangsan)里面的时候,又在div创建了一个keyboard;又把kbd插入到div里面;
做一个简陋的小网站之:生成多个div---(2)

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

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

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

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

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

暂时的代码如下:
做一个简陋的小网站之:生成多个div---(2)

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

效果:

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

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

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

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

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

更改每一行kbd的个数

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

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

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

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

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

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

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

style

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

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

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

设置kbd宽度

设置其宽高;kbd为内联元素;加一个display: inline-block
做一个简陋的小网站之:生成多个div---(2)
做一个简陋的小网站之:生成多个div---(2)

设置小写为大写

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

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

将下面两排拖至中间

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

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

让三个div地址一样

做一个简陋的小网站之:生成多个div---(2)
main里面有一个wrapper的div,
做一个简陋的小网站之:生成多个div---(2)
解决marge没有的问题

让marge再次出现:
做一个简陋的小网站之:生成多个div---(2)

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

2)让其宽度固定;
做一个简陋的小网站之:生成多个div---(2)

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

在其爸爸身上加一个text-align: center;
做一个简陋的小网站之:生成多个div---(2)

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

相关文章:

  • 2021-12-13
  • 2022-12-23
  • 2021-04-03
  • 2021-10-06
  • 2021-10-02
  • 2023-03-17
  • 2022-02-13
猜你喜欢
  • 2021-12-21
  • 2021-05-03
  • 2022-12-23
  • 2021-07-25
  • 2021-11-29
  • 2021-06-30
  • 2022-03-01
相关资源
相似解决方案