如何給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>