表单元素外边距和设置字号的问题

表单元素外边距和设置字号的问题

1，首先要清楚一点，空格和回车虽然是空白符，但是是会占位的，他们也是占位符，因为你的两个input是换行写的，也就是说两者之间有回车，有回车就回占位，所以两个input之间有空白，看下图


中间的那条空白就是。知道是空白占位符引起的，所以相应的修改也很简单，把两个input放一行，删掉空白占位符，
效果如图，

2，对于对不齐的问题，提醒一下，当你把input和图片放一行时，也会对不齐。修改字体input位置变化也很简单，和修改input和图片对齐一样，加属性vertical-align: middle;即可，

input:first-child
{
background:red;
width:100px;height:50px;
margin:0; padding:0; border:none;
vertical-align: middle;
font-size:2em;
}
input:last-child
{
width:100px; height:50px;
margin:0; padding:0; border:none;
vertical-align: middle;

} 如图

望题主采纳！

您好，这样的：
1、margin用法css代码
.divcss5-top,.divcss5-bottom{width:300px;height:100px;border:1px solid #F00}
.divcss5-bottom{ margin-top:10px}
2、html代码片段