有時候span標籤加上寬度高度,但它顯示的時候設定的寬度,高度樣式都沒有生效。為了解決這個問題,有兩種解決方案
第一種情況:對span設定寬度高度後,獨佔一行(前後將換行)
我們要對樣式span設定display:block。
在span的css中增加css display屬性,將display值設定為block型別(塊),即可實現。
第二種情況:對span設定寬度高度後,前後內容不換行
對span標籤設定寬度和高度效果圖:
這種情況是即能實現span寬度和高度生效,又不讓span物件前後內容不換行。
在css2.1標準中為display增加了乙個叫inline-block的屬性值,剛好可以實現即是inline物件,又可以像block那樣設定寬度的屬性值,這個屬性值在ie6以上版本都有效,firefox要在3.0以後才行,如果要相容2.0的朋友可以使用-moz-inline-box達到同樣的效果。
如何給span設定高度寬度?
內容提要 給span設定高度和寬度後沒有作用。本文介紹了如何如何給span設定高度寬度。css模型中經常用的容器是div和span。給span設定高度和寬度後沒有作用。www.xin126.cn 執行頁面 span 設定高度寬度後不起作用的解決方法 在span的css中增加display block...
span 高度設定
first of all,最容易令人忽略而導致頭疼的因素。web頁面文件型別 1 眾所周知,span元素內單純設定height是沒有效果的。需要設定span的高度,需要將其設定成block元素。display block 但這樣會導致span佔據了整一行,我們通常不希望這樣。所以可以採用displa...
span 高度設定
first of all,最容易令人忽略而導致頭疼的因素。web頁面文件型別 1 眾所周知,span元素內單純設定height是沒有效果的。需要設定span的高度,需要將其設定成block元素。display block 但這樣會導致span佔據了整一行,我們通常不希望這樣。所以可以採用displa...