button按钮,如果文字太多的话,左右两边留白也会很多,这样很不美观,而且是每个浏览器左右留白的宽度不一,

那么我们就用一个简单的css来解决这个问题,精益求精吗!

html
 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
*{padding:0; margin:0}
input,button{overflow:visible;padding:0;}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
        <input type="submit" name="button" id="button" value="button按钮左右留白的解决方法" />
</form>
<button><span>button按钮左右留白的解决方法</span></button>
</body>
</html>