如何减少按钮之间的空间？

-3

我是新来的CSS和HTML5，并试图让顶部按钮正常工作。这些按钮左对齐。我似乎可以在它们之间添加适当的空间。如何修复我的代码而不会弄乱我的页面？非常感谢您为您的网站的帮助是代码：如何减少按钮之间的空间？

.dashboard, #logOuta { 
 
     width:160px; 
 
     padding:10px 25px 12px 26px; 
 
     font-size:18px; 
 
     text-decoration:none; 
 
     font-family:Arial; 
 
     color:#fff; 
 
     text-align:center; 
 
     box-shadow:1px 1px 1px #666; 
 
     background:#23A3DA; 
 
     background-image:-webkit-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-moz-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-ms-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:-o-linear-gradient(top,#23A3DA,#03171F); 
 
     background-image:linear-gradient(to bottom,#23A3DA,#03171F); 
 
     border-bottom:2px solid #ffd175; 
 
     -webkit-border-radius:5; 
 
     -moz-border-radius:5; 
 
     border-radius:5px; 
 
     -webkit-box-shadow:1px 1px 1px #666; 
 
     -moz-box-shadow:1px 1px 1px #666; 
 
     cursor:pointer 
 
    } 
 
    
 
    .dashboard:hover { 
 
     background:#E3A019; 
 
     background-image:-webkit-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-moz-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-ms-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:-o-linear-gradient(top,#E3A019,#E3A019); 
 
     background-image:linear-gradient(to bottom,#E3A019,#E3A019); 
 
     text-decoration:none 
 
    }

 <div class="logoutbox"> 
 
       <button class="dashboard">Dashboard</button> 
 
       <input name="logOuta" type="button" id="logOuta" value="Sign Out"/> 
 
     </div>

来源

2014-12-06 user2836884

按钮目前它们之间有2-3个像素。您没有告诉我们“适当的空间”是什么，也没有解释如何减少空间会影响您的页面布局。 – isherwood 2014-12-06 16:48:29

[如何删除内联块元素之间的空间？]的可能重复（http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements） – 2014-12-06 18:36:24

button { 
    margin-right: 50px; /* whaever spacing you want */ 
}

来源

2014-12-06 17:51:04

如何减少按钮之间的空间？

回答

相关问题