等于填充

Question

创建CSS按钮，我使用下面的CSS来创建按钮

.cssButton { 
background-color:#333333; 
border:1px solid #CCCCCC; 
display:inline-block; 
color:#FFFFFF; 
cursor:pointer; 
text-decoration:none; 
font-family: arial, helvetica, sans-serif; 
} 

当应用于锚链接和投入，我得到不同的高度。有没有办法强制这两个元素的属性匹配？

感谢

Answer 1

是，通过设置默认font-size和padding。

.cssButton { 
    background-color:#333333; 
    border:1px solid #CCCCCC; 
    display:inline-block; 
    color:#FFFFFF; 
    cursor:pointer; 
    text-decoration:none; 
    font: 12px arial, helvetica, sans-serif; 
    padding: 2px; 
} 

Also check this Fiddle

Answer 2

使用CSS Padding属性

{

填充：5px的

}

Answer 3

像这样

以下类添加padding:5px;：

DEMO

CSS

*{ 
    margin:0; 
    padding:0; 
} 

.cssButton { 
background-color:#333333; 
border:1px solid #CCCCCC; 
display:inline-block; 
color:#FFFFFF; 
cursor:pointer; 
text-decoration:none; 
font-family: arial, helvetica, sans-serif; 
padding:5px; 
} 

Answer 4

.cssButton { 
    background-color:#333333; 
    border:1px solid #CCCCCC; 
    display:inline-block; 
    color:#FFFFFF; 
    cursor:pointer; 
    text-decoration:none; 
    font: 12px arial, helvetica, sans-serif; 
    width:100px; 
    height:30px; 
} 

在你的CSS，你没有保持高度，宽度。 GUD运气