Html 响应形式中输入之间的距离

Html 响应形式中输入之间的距离,html,css,forms,Html,Css,Forms,我需要一个像素完美的表格。我能做点什么吗?: -小输入之间的距离正好为5px? -保持左右距离0 -将距离保持在5px以上 -保持表格的响应性 正如您在示例中看到的,我无法达到第一个条件 表单{ 位置:相对位置; 利润率:40px自动; 文本对齐:居中; 宽度:85%;最大宽度:350px; } 输入{ 显示:块; 宽度:100%; 框大小:边框框; 填充:7px 15px;边距底部:5px; 边界半径:5px 5px 5px; -moz边界半径:5px 5px 5px 5px; -webk

我需要一个像素完美的表格。我能做点什么吗?:
-小输入之间的距离正好为5px?
-保持左右距离0
-将距离保持在5px以上
-保持表格的响应性

正如您在示例中看到的,我无法达到第一个条件

表单{
位置:相对位置;
利润率:40px自动;
文本对齐:居中;
宽度:85%;最大宽度:350px;
}	
输入{
显示:块;
宽度:100%;
框大小:边框框;
填充:7px 15px;边距底部:5px;
边界半径:5px 5px 5px;
-moz边界半径:5px 5px 5px 5px;
-webkit边界半径:5px 5px 5px 5px;
字体大小:14px;
大纲:无;
颜色:#bbb;
边界:0;
背景色:白烟;
}	
#mes任何{
显示:内联块;
宽度:49%;
浮动:左;
}
#cvc{
显示:内联块;
宽度:49%;
浮动:对;
}

可能使用calc()获取宽度:

表单{
位置:相对位置;
利润率:40px自动;
文本对齐:居中;
宽度:85%;最大宽度:350px;
}	
输入{
显示:块;
宽度:100%;
框大小:边框框;
填充:7px 15px;边距底部:5px;
边界半径:5px 5px 5px;
-moz边界半径:5px 5px 5px 5px;
-webkit边界半径:5px 5px 5px 5px;
字体大小:14px;
大纲:无;
颜色:#bbb;
边界:0;
背景色:白烟;
}	
#mes任何{
显示:内联块;
宽度:钙(50%-2.5px);
浮动:左;
}
#cvc{
显示:内联块;
宽度:钙(50%-2.5px);
浮动:对;
}

您可以使用css
calc(50%-2.5px)

表单{
位置:相对位置;
利润率:40px自动;
文本对齐:居中;
宽度:85%;最大宽度:350px;
}	
输入{
显示:块;
宽度:100%;
框大小:边框框;
填充:7px 15px;边距底部:5px;
边界半径:5px 5px 5px;
-moz边界半径:5px 5px 5px 5px;
-webkit边界半径:5px 5px 5px 5px;
字体大小:14px;
大纲:无;
颜色:#bbb;
边界:0;
背景色:白烟;
}	
#mes任何{
显示:内联块;
宽度:钙(50%-2.5px);
浮动:左;
}
#cvc{
显示:内联块;
宽度:钙(50%-2.5px);
浮动:对;
}

Calc()将帮助您。使用宽度:calc(50%-2.5px);在另外两个输入类中。似乎你赢了2分钟!。非常感谢。