完美解决span的宽度设置问题。由于浏览器通常对不支持的CSS属性采取忽略处理的态度,所以最好将display:inline -block行写在后面,这样在Firefox里面,如果到了未来的Firefox 3,这一行就能起作用,代码可以同时兼容各种版本。
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHT ML 1.0 T ransitio nal//EN" "http://w ww.w3.or g/TR/xht ml1/DTD/ xhtml1-t ransitio nal.dtd"> <html xmlns="h ttp://ww w.w3.org /1999/xh tml" > <head> <title >Test Sp an</titl e> <style type="t ext/css"> span { backgrou nd-color :#ffcc00 ; display: -moz-inl ine-box; display: inline-b lock; width:15 0px; } </styl e> </head > <body> fixed <s pan>widt h</span > span </body > </html >