Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Css 表格提交框赢得'；t对齐_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 表格提交框赢得'；t对齐

Css 表格提交框赢得'；t对齐

css

Css 表格提交框赢得'；t对齐,css,Css,我有一个简单的表单，可以将您的电子邮件添加到邮件列表中，但是我希望将最后一个输入字段和提交按钮并排对齐，而不使用负边距 这是带有表单的站点 这是css form .inputbox{border:#666476 1px solid; color:#c3c2c9; height:28px; padding-left:6px;} form .name{width:282px; margin:0 0 10px;} form .email{width:215px; vertica

我有一个简单的表单，可以将您的电子邮件添加到邮件列表中，但是我希望将最后一个输入字段和提交按钮并排对齐，而不使用负边距

这是带有表单的站点

这是css

    form .inputbox{border:#666476 1px solid; color:#c3c2c9; height:28px; padding-left:6px;}
    form .name{width:282px; margin:0 0 10px;}
    form .email{width:215px; vertical-align:bottom;}
    form .submit{width:60px; background:#666476; color:#e7dbcf; border:none; height:32px; margin:0; padding:0; border:#666476 1px solid;}
我已经尝试过给邮件和提交表单留0页边距和0填充，但它们不会并排排列。关于如何实现这一点，有什么线索吗？

只需将
float:left
添加到
旁的表单中即可。电子邮件
如下所示：


aside form .email {
    vertical-align: bottom;
    width: 215px;
    float: left; /* add this */
}



删除源代码中两个输入元素之间的空格/制表符/新行，它们应该齐平