无法设定span宽度问题的解决方法

因为span属于内联元素，而内联元素是忽略宽度和高度的，解决的办法也很简单，就是利用css将span变为盒装元素即可。

首先给出包含span标签的Html代码：   
<div class="spanex">
<span>span标签的宽高测试</span>
</div>

CSS代码：   
.spanex {
background:#000;
color:#FFF;
width:200px;
height:100px;
font-size:12px;
 }
.spanex span {
 background:#FFF;
 color:#000;
width:180px;
height:30px;
}

上面的div中包含了一个span标签，在css中定义了span的宽度为100像素，高度为30像素，但是span的宽度确实随文字的个数而增加的，不受css的宽度控制。
原因上面也说到了，目前span还是内联元素，所以不受宽高限制，那么，只有将它定义为盒装元素就可以控制了。
只需要将上面的.spanex span稍做改动即可完成，有原来的改为：   
.spanex span {
background:#FFF;
color:#000;
<strong>display:block; </strong>
width:180px;
height:30px;
}