Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 填充设置为0,但仍存在填充_Html_Css_Padding - Fatal编程技术网

Html 填充设置为0,但仍存在填充

Html 填充设置为0,但仍存在填充,html,css,padding,Html,Css,Padding,希望你能帮助我。“form_input_username”顶部有意外的填充。 以下是指向问题的链接:。 希望你能帮助我 #输入用户名#总计, #输入\u密码\u总数{ 溢出:隐藏; 显示:块; 宽度:80%; 利润率最高:2%; 显示:表格; } #输入您的用户名, #输入密码{ 背景:url('../img/blank_input_login.png'); 背景重复:无重复; 背景大小:100%100%; 左边距:-2px; 显示:表格单元格; } #输入法{ 宽度:16%; 显示:表格单元

希望你能帮助我。“form_input_username”顶部有意外的填充。 以下是指向问题的链接:。 希望你能帮助我

#输入用户名#总计,
#输入\u密码\u总数{
溢出:隐藏;
显示:块;
宽度:80%;
利润率最高:2%;
显示:表格;
}
#输入您的用户名,
#输入密码{
背景:url('../img/blank_input_login.png');
背景重复:无重复;
背景大小:100%100%;
左边距:-2px;
显示:表格单元格;
}
#输入法{
宽度:16%;
显示:表格单元格;
}
#picu用户名,
#密码{
宽度:100%;
}
#表单\输入\用户名,
#表单\输入\密码{
字体大小:5.5vw;
字体系列:“开放式Sans”,无衬线;
边界:无;
颜色:白色;
背景:透明;
左:4%;
右:2%;
填充顶部:0px;
垫底:0px;
身高:100%;
宽度:94%;
}

您使用了
display:table cell
来并排设置元素

如果要“居中”文本输入,请参见
vertical align

#input_username, #input_password {vertical-align: middle}


但我认为更好的解决方案是使用
float:left
而不是
display:table cell
,元素将以另一种方式对齐,我认为问题会少一些。

您只需将
垂直对齐
添加到包含的div中,如下所示:

#输入用户名#总计,
#输入\u密码\u总数{
溢出:隐藏;
显示:块;
宽度:80%;
利润率最高:2%;
显示:表格;
}
#输入您的用户名,
#输入密码{
背景:url('../img/blank_input_login.png');
背景重复:无重复;
背景大小:100%100%;
左边距:-2px;
显示:表格单元格;
垂直对齐:中间对齐;
}
#输入法{
宽度:16%;
显示:表格单元格;
}
#picu用户名,
#密码{
宽度:100%;
}
#表单\输入\用户名,
#表单\输入\密码{
字体大小:5.5vw;
字体系列:“开放式Sans”,无衬线;
边界:无;
颜色:白色;
背景:透明;
左:4%;
右:2%;
填充顶部:0px;
垫底:0px;
身高:100%;
宽度:94%;
}

请单击JSFIDLE链接,正如NoLiver92所指出的,您有一些影响它的余量

我刚刚删除了边距,新的css是:

#input_username_total, #input_password_total {
 overflow: hidden;
 display: block;
 width: 80%;
 display: table;
}

#input_username, #input_password {
 background: url('../img/blank_input_login.png');
 background-repeat: no-repeat;
 background-size: 100% 100%;
 margin-left: -2px;
 display: table-cell;
 }

#input_img {
 width: 16%;
 display: table-cell;
}

#pic_username, #pic_password {
 width: 100%;
}

#form_input_username, #form_input_password {
 font-size: 5.5vw;
 font-family: 'Open Sans', sans-serif;
 border: none;
 color: white;
 background: transparent;
 padding-left: 4%;
 padding-right: 2%;
 padding-top: 0px;
 padding-bottom: 0px;
 height: 100%;
 width: 94%;
}

你有没有检查过是否有页边空白?请注意,从张贴的代码中很难看到发生了什么:嗨,你能发布一个提琴样本吗??我们更容易解决这个问题??是的,非常感谢大家。将在1,5小时内演奏小提琴在这里:。高度应为图像的高度这不会将输入与用户要求的图像对齐感谢您的快速响应,但不幸的是这不起作用谢谢!这解决了一部分问题,输入现在处于中心位置。不幸的是,由于填充,第二个div(input_username)的高度仍然有点大,我不知道如何填充delete@Jasper:如果你给我发一个工作网站的链接,我可以帮你“填充”-它将是st.else,从图片我不知道确切的内容,但我可以查看它。谢谢,但这是一个monaca应用程序,我不知道如何把它放到网上,因为我没有服务器。我将在1,5小时内制作一个提琴示例。高度应为图像的高度