input按钮文字换行

      在网上找到这样一段代码：<input type="button" value="测试&#13;&#10;文字">

      我给它定义了一个class，“buttonstyle”，样式如下

      

<style type="text/css">
    .buttonstyle{width:50px;height:50px;}
</style>

      它在IE8、火狐、谷歌下面的效果是OK的，截图如下：

       

      在IE6、IE7下面的效果图如下：

       

      经调试，只要给buttonstyle加一个padding就行了，只要调一下左右的值就OK，我这里的值是padding:2px 9px;最重要的是调后面的9px。最后IE6的效果如下：

        

       但是郁闷的是，opera似乎不支持这个效果，不过总的来说，用我这种方法能兼容IE6 7 8  9，火狐，谷歌，应该也算差不多了。

 

来源：http://www.cnblogs.com/Henry_zp/archive/2010/11/30/1892427.html