完美的解决方案
下 面代码的CSS定义完美解决了span的宽度设置问题。
由于浏览器通常对不支持的CSS属性采取忽略处理的态度,
所以最好将display:inline -block行写在后面,这样在Firefox里面,如果到了未来的Firefox 3,这一行就能起作用,代码可以同时兼容各种版本。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Test Span</title> <style type="text/css"> span { background-color:#ffcc00; display:-moz-inline-box; display:inline-block; 150px; } </style> </head> <body> fixed
<span>width</span>
span </body> </html>