前言

??我們都知道HTML中的span標簽是行內標簽，行內標簽是無法設置高度和寬度的，但是就是需要給span設置寬度，應該怎么處理呢？

display

??首先我們先來學習一下display屬性。

取值效果

none	不顯示元素
inline	行內效果
block	塊級效果
inline-block	同時具有行內和塊級效果

??最常用的是這幾個，先進行總結這4個。

span設置寬度

??span是行內元素，具有了inline的效果，這個時候在其基礎上添加設置寬度的功能，就是給span這個行內元素添加塊級的效果，即設置span標簽為：

display: inline-block;

??這樣width: 100%;就可以生效了。

總結

以上是生活随笔為你收集整理的【CSS】span标签设置宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

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