要解决按钮中回车符干扰边距的问题,你可以使用CSS的display
属性来定义按钮的布局方式。下面是一种可能的解决方法:
HTML代码:
CSS代码:
.button {
display: inline-block;
margin: 0;
padding: 10px 20px;
border: none;
background-color: #3498db;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
}
在上述示例中,我们将按钮的display
属性设置为inline-block
,这样按钮会按照指定的宽度和高度进行布局,并且不会被回车符影响边距。同时,我们还对按钮的样式进行了一些基本设置,包括边距、内边距、边框、背景颜色、文字颜色等。
通过这种方式,按钮将不受回车符干扰,可以正确显示边距。
下一篇:按钮中的会话条件