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分钟!。非常感谢。