去掉button按钮左右两边的留白

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>

转载于:https://blog.51cto.com/156526/585291

去掉button按钮左右两边的留白相关推荐

设置按钮背景为透明去掉button按钮左右两边的留白
设置按钮背景为透明 style="background-color:transparent;border:0" 去掉button按钮左右两边的留白 style="over ...
去掉button按钮原有样式
微信小程序--去掉button按钮原有样式问题: 为什么要去掉其原有样式呢? 是因为不去掉,就修改不了自己想要的样式了 .item button{width: 100%;background-col ...
5去掉button按钮的点击样式_CSS实现复古按钮
使用box-shadow属性来实现复古按钮的样式具体代码如下: <!DOCTYPE html> <html><head><meta charset=&quo ...
5去掉button按钮的点击样式_各种好看的小按钮合集，纯css编写，最近在学习时遇到的，记录成为笔记...
写在前面最近忙着实习的事,前往广州,租房,置办东西等等.用碎片化的时间看了一些博客,也看到不少我认为很不错的通过纯css来打造的按钮样式.记录下来以后开发的时候或许能用上. 亮起来按钮 <di ...
【窗体控件】：Button按钮控件
1.命名空间与继承命名空间:System.Windows.Forms 继承:Object→MarshalByRefObject→Component→Control→ButtonBase→Button ...
android 去掉按钮阴影效果,Android去掉button阴影
鼠标右击[我的电脑]选择[属性] 在[属性]窗口中选择[高级]标签在[高级]标签页面下选择[性能] [设置] 在打开的窗口中把:[在桌面上为图表标签使用阴影]前面选中,确定退出,就OK了. 今天弄一 ...
android 中间按钮突出,Android 实现按钮从两边移到中间动画效果
Android 实现按钮从两边移到中间动画效果html package org.shuxiang.test; import android.app.Activity; import android. ...
【CSS】button(按钮)去默认样式
button 按钮去掉默认的灰色样式给它设置 border: 0
EditText控件的基本使用（点击Button按钮，Toast提示EditText中的内容）
EditText是程序用于和用户进行交互的另一个重要控件,它允许用户在空间里输入和编辑内容,并可以在程序中对这些内容进行处理.EditText的应用场景非常普遍,在进行发短信.发微博.聊QQ等操作时, ...

去掉button按钮左右两边的留白

去掉button按钮左右两边的留白相关推荐

最新文章

热门文章