设置span宽度的完美解决办法
在网页中 button 的属性可以设置在一行显示
<body>
fixed <button style="width:150px;">width</button> button
</body>
中css2中 而span 就不可以这样做, 因为 button 同时兼具inline 和block 两种状态 ,而span 要么是inline要么是block 并不同时兼具两种状态。
更新的css2.1 中 可以这样实现:
<!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;
width:150px;
}
</style>
</head>
<body>
fixed <span>width</span> span
</body>
</html>
inline-block 在ie中已经得到实现。
inline-block 在Firefox 3中得到实现。
Firefox 2中,可以用-moz-inline-box达到同样的效果