有一个如下所示的span元素:
<span class="Sselectspan" >关 闭</span>
class代码如下:
.Sselectspan {
width: 66px;
height:26px;
border:1px solid red;
}
本意是想设置这个span的宽度和高度的,但是打开浏览器发现,并没有如我们所想的那样顺利的显示出宽度和高度
这里将涉及一个css中块级元素和内联级元素的一个区别:
块级元素独自占一行,有自己的空间范围,内联元素不是
但是也有方法可以将内联元素转变成块级元素:
在css代码中加上display:block;
.Sselectspan {
display:block;
width: 66px;
height:26px;
border:1px solid red;
}
这时刷新页面,便能成功的看到我们想要的结果了。