在网页开发中,有时我们会设置下span的样式,比如宽高,结果发现设置无效,这是怎么回事呢?别急,静下心来听我慢慢给你讲。
工具/原料
一台电脑,一个浏览器
方法/步骤
1
初始化代码
666666662
运行结果如下
3
设置宽高width:500px;height:500px;宽高都设置500像素,如下
4
运行结果如下可以看到,根本没有发生变化
6
运行结果如下
8
dispaly有两种设置方式可以上元素从行内变为非行内1. display:block;//变为块级元素2. display:inline-block;//同时具有行内元素与块级元素的属性
9
display:block;//变为块级元素
66666666运行结果:10
2. display:inline-block;//同时具有行内元素与块级元素的属性
66666666运行结果:注意事项
如果您觉得我的经验稍微有点作用的话,请给我点下赞或投下票,如果有疑惑可以给我留言,看到后我会回答的