如何設定span寬度

1樓：我是小星星欣欣

在span的css中增加display屬性，將span設定為block型別的element，這樣寬度的確有效了，但把前後文字隔在不同行裡面，這樣其實span就完全變成了div。

製作**時發現給span設定寬度會無效，通過查閱css2標準中關於width 的定義發現，原來css中的 width 屬性並不總是有效的，如果物件是 inline 物件，width 屬性就會被忽略，firefox 和 ie 是遵循css標準，因而直接設定span寬度會無效

一、初步解決span寬度方案

1、修改span為block型別，在span的css中增加display屬性，將span設定為block型別。

span

二、進一步解決span寬度方案

1、我們再增加乙個css屬性float

2、這樣的確在某種條件下能解決問題。

span

2樓：楊桃胡兒

span自身是個行內元素，不設寬度的，如果要自適應寬度，首先要將行內元素設定為塊級元素

span裡面的內容是可以自適應的

為什麼在html頁面設定的高度和寬度沒有效果呢

3樓：匿名使用者

標籤屬於行

bai內元素（duinline），所以無法設定高度和寬zhi度；dao如果需要改版變其寬高，就需要將權其轉變為塊體元素（block）或行內塊體元素（inle-block）：

span

例項演示：下面給出了兩種樣式，class1設定span 的寬高，class2改變span為行內塊體元素，然後給其中乙個span新增class1樣式，另乙個同時新增class1和class2樣式，觀察效果

建立html元素

示例文字

設定css樣式

.class1

.class2

觀察效果：

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

4樓：杜拉拉的

span是針對行元素的標籤，與div這樣的塊元素不同，所以你設定span，僅對其中的文字元素有效，比如設定顏色、字元大小等，其他的就沒用了。

5樓：匿名使用者

設定它的display屬性為block，塊級的就行了!