為什麼不能設定span的寬高

<span.>标簽屬于行内元素（inline），是以無法設定高度和寬度；如果需要改變其寬高，就需要将其轉變為塊體元素（block）或行内塊體元素（inline-block）：

span{display:inline-block;}

執行個體示範：下面給出了兩種樣式，class1設定span 的寬高，class2改變span為行内塊體元素，然後給其中一個span添加class1樣式，另一個同時添加class1和class2樣式，觀察效果

建立Html元素

<span class="class1">示例文字</span>
<span class="class1 class2">示例文字</span>      

設定css樣式

.class1{width:200px;height:30px;line-height:30px;padding:10px;margin:20px;border:1px solid green;}
.class2{display:inline-block;}      

觀察效果：