Question

所以我在我的website上设计了联系表单样式并且我在“发送按钮”中遇到问题，由于某种原因，保证金/与正确对齐比需要更多。您可以看到，在其他2个部分中，棕色按钮正确对齐，但在第三个接触部分，棕色发送按钮比需要更多地对齐，我不知道是什么导致它...

这是影响该按钮的css（按钮具有id =“msgSend”）：

.inner-trio a, #msgSend {
    color: #fff;
    padding: 3px 0;
    margin: 7px;
    display: block;
    border-radius: 5px 5px 6px 6px;
    background-color: #6a2c10;
    text-shadow: 1px 1px #471d0a;
    text-align: center;
    border-bottom: 4px solid #381201;

}

.inner-trio a:hover, #msgSend:hover {
    background-color: #853815;
    border-bottom: 4px solid #5b2005;
    cursor: pointer !important;
}

.inner-trio a:active, #msgSend:active {
    background-color: #6a2c10;
    border-bottom: none;
    margin-top: 11px;
}

Answer 1

问题在于您将margin:7px定义为表格＆amp;的输入即可。如果你想要欲望结果，那就这样写：

input[type="submit"]{
 margin-left:0;
}

Answer 2

解决这个问题的最简单方法应该是：

#msgSend { margin: 0px;}

到你的CSS。

Answer 3

您将所有输入元素的宽度设置为100％，并且输入按钮上的边距为7px。这是你的问题：）

<input type =“submit”/>有对齐问题

3 个答案: