1

所以我在我的网站上设计了一个联系表格，我 遇到了“发送按钮”的问题，由于某种原因，边距/比需要的更靠右对齐。您可以看到，在其他 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;
}
4

3 回答 3

3

问题是您定义margin:7px了表单和输入。如果你想要想要的结果，那么这样写：

input[type="submit"]{
 margin-left:0;
}
于 2012-08-21T14:20:41.800 回答
3

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

#msgSend { margin: 0px;}

到你的 CSS。

于 2012-08-21T14:20:58.537 回答
2

您将所有输入元素的宽度设置为 100%，并且输入按钮上的边距为 7px。有你的问题:)

于 2012-08-21T14:15:26.233 回答