Question

完全奇怪，我无法修复它以使它居中...最后我玩了不同的宽度％并得出结论，减少％允许它居中....但它似乎倒退。 ...有人可以解释为什么它这样做....我的意思是我得到它的工作，但我不想在我的大脑中燃烧这种技术，如果它只是一个coincedence或什么....请解释

HTML CODE

 <form action="mailto:info@saucysbulldogs.com" method="post">
            <input type="text" id="fName" maxlength="20" size="30" placeholder="First Name" required="required" autocomplete="on"><br />
            <input type="text" id="lName" maxlength="20" size="30" placeholder="Last Name" required="required" autocomplete="on"><br />
            <input type="email" id="email" maxlength="30" size="30" placeholder="Email" required="required" autocomplete="on"><br />
            <textarea name="message" rows="5" cols="30" maxlength="100" wrap="hard" placeholder="Message..." required="required" /></textarea></p>
            <input type="submit" name="submit" value="Submit" />
            <input type="reset" name="clear" value="Clear" />
           </form>
</body>     
</html>

这是表单的css代码....我尝试了100％但它没有工作......然后最终必须降低到25％才能使它居中....你可以看到它在www.saucysbulldogs.com

form {
padding:10px;
width:25%;
margin-left:auto;
margin-right:auto;  
}

感谢

Answer 1

你不能将宽度为100％的元素居中，对你来说应该很清楚。当你保持较低的百分比并且保证金为0时，它会居中。

但没有必要降到25％。

当我查看你的网址时，我发现没问题。您的表单宽度为85％，并以其父容器为中心。

降低宽度％可以使形状居中？

1 个答案: