表单

Question

我的网页底部有一个联系表格。

每当我点击表单的任何字段时，对齐都会变得疯狂。它不会发生在我的手机上，当我在本地运行网站时（即在我的电脑上直接从硬盘驱动器上的源代码中离线），它不会发生。

链接到我的网页：thisisit.coolpage.biz

用于中心对齐的CSS（在在线教程中找到）：

form {
    margin:0 auto;
    width:459px;
    font-family: 'Bree Serif', serif;
}

textarea {
    width:439px;
    height:27px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    font-size:0.9em;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

P.S-忽略页面上的内容请：P

Answer 1

在一个id页面上具有相同名称的多个HTML可能会导致问题。

将您的css中的规则更改为班级：

变化：

#p1{
text-align: center;
font-family: 'Bree Serif', serif;
}

为：

.p1{
text-align: center;
font-family: 'Bree Serif', serif;
}

然后在您的网页上将<p id="p1">更改为<p class="p1">。我会尝试远离<h1>和<p>等元素上的多个ID。否则你的中心对我来说没问题。