something about button at 2009.3.5 23:11
今天在整理优化的时候，发现很多地方都用了同样的button按钮，但是大小不一，但是在ie下不能很好的自适宽度，所以想做的统一一点。后来发现除了在Opera下表现的比较完美外，其他浏览器下button都默认的保留的有一定的边缘，不晓得是为什么，后来就不得已的在button中套了两个span，又回到了优化前的结构，其实做的仅仅是让它在ie下自适应。
HTML Code：
<button class="btn"><span><span>这是按钮哈</span></span></button>
这样子显得很冗余，但是没办法，可能你觉得这样子做不对，那么如果我们把span放到外边的话，那么块元素的宽度我们就做不了主了，暂且不管，先看看这样子达到的效果吧。
CSS Code：
.btn { border:none; padding:0; margin:0; background:none; cursor:pointer; text-align:center;}
.btn span { display:block; font-size:14px; font-weight:600; margin:0; padding:0; color:#fff; background:url(btn.gif) 0 0 no-repeat; min-width:100px; white-space:nowrap; _width:100px;}
.btn span span { background-position:right -30px; height:20px; display:block; padding:5px 10px;}
里边套了两层的span，并设定了最小宽度为100px（其实带上padding应该是120px），而ie6下解决不支持min-width的方法很简单，就是加上一个white-space。如下图所示效果：
但是这么做其实也并没有带来什么便利，感觉一层套一层，怪怪的，到最后还是选择了固定宽度，制作几种宽度的btn图标来做，这样子省去了很多麻烦。
那么button里边套块元素是不是合理呢？来看看W3C对button的介绍：