<span>的高度和宽度没有效果

问题：

在HTML页面中设置"<span>"元素的样式，发现设置无效，通过查看其CSS属性值，发现总是为“auto”，即使加上“!important”提高其优先级别也无效：

<style>
    .aclass{
        background:#0092d8 url(gantt-images/equals.png);
    }
</style>

<span class="aclass" style="width:200px!important ;">ss</span>

解决：

      <span>标签属于行内元素（inline），所以无法设置高度和宽度；如果需要改变其宽高，就需要将其转变为块体元素（block）或行内块体元素（inle-block）：

span{display:inline-block;}

修改后的样式：

<style>
    .aclass{
        display:inline-block;
        background:#0092d8 url(gantt-images/equals.png);
    }
</style>

<span class="aclass" style="width:200px;">ss</span>

加上“inline-block”的display属性后，设置的宽度生效。