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

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

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