<span>標簽屬于行內元素（inline），所以無法設置高度和寬度；如果需要改變其寬高，就需要將其轉變為塊體元素（block）或行內塊體元素（inle-block）：

1	span{display:inlie-block;}

實例演示：下面給出了兩種樣式，class1設置span 的寬高，class2改變span為行內塊體元素，然后給其中一個span添加class1樣式，另一個同時添加class1和class2樣式，觀察效果

創建Html元素

1 2	<spanclass="class1">示例文字</span> <spanclass="class1class2">示例文字</span>

設置css樣式

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

觀察效果：

第一個span因為默認為行內元素，所以寬度和高度的設置不起作用；第二個span已經改為inline-block方式，所以可以設置寬度和高度

總結

以上是生活随笔為你收集整理的html页面设置&lt;span&gt;的高度和宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。