如何给span设置高度宽度？

内容提要：给Span设置高度和宽度后没有作用。本文介绍了如何如何给span设置高度宽度。

 

CSS模型中经常用的容器是DIV和span。

给Span设置高度和宽度后没有作用。

<style type="text/css">
<!--
.demo{
width:100px; height:50px; border:1px solid #009900;
}
-->
</style>
<span class="demo">www.xin126.cn</a></span>

运行页面：

span 设置高度宽度后不起作用的解决方法：

在span的css中增加display:block属性。

 

可是这样一来，span之后会自动换行，如何让span 高度宽度起作用，并且不换行？

display有一个inline-block的属性值，可以实现即是inline对象，又可以像block那样设置高度和宽度。

代码：

<style type="text/css">
<!--
.demo{
width:120px; height:50px; border:1px solid #009900; display:inline-block;
}
-->
</style>