有一个如下所示的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;

}

这时刷新页面,便能成功的看到我们想要的结果了。

 

 

 




Related posts

coded by nessus
分享:  DeliciousGReader鲜果豆瓣CSDN网摘
Trackback

no comment untill now

Add your comment now

无觅相关文章插件