1

所以我有一个简单的页面：www.kensandbox.info/centerthis

这是一个简单的 html/css 页面，我正在尝试添加一个 paypal 按钮。

问题是我不知道如何使按钮居中？我尝试添加以下内容：

<div align="center"> form code here </div>

没有骰子。我什至尝试在表单之前添加中心标签。

站点代码（简单的 html 和 css 文件）可以在这里下载：

www.kensandbox.info/centerthis/centerthis.zip

我的猜测是其他 CSS 元素之一覆盖了我的更改。

我错过了什么？

谢谢

4

3 回答 3

3

float:leftmycss.cssform input, form .btn里面有一个

float:none如果要覆盖，请添加到该输入。

于 2012-07-26T03:06:51.103 回答
2

如果不查看您的代码，我会说使 div 居中的最佳方法通常是确保它显示为块元素（默认情况下应该是）并指定其宽度；然后最后应用保证金：自动。

例如

<div class="container">
    ...
    <div class="centered-element"> form code here </div>
    ...
</div>

在哪里

container {
    width: 200px;
}
centered-element {
    width: 150px;
    margin: auto;
    display: block; /* to make sure it isn't being mucked up by your other css */
    float: none; /* to make sure it isn't being mucked up by your other css */
}

编辑：

我说这样做是因为，就像我现在看到有人评论一样，<div align="center">已被弃用，<center>标签也是如此。扩展一下，这是因为您的 HTML 应该只用于创建网页的结构和语义，而 CSS 应该用于它的表示方面。从长远来看，尽可能将两者分开可以为您节省大量时间。

此外，最好以您不必display: block;在 div 上设置的方式设计 CSS（因为 div 已经是块元素）并且您不必使用float: none;. 更多关于这样做的好方法，改进您的工作流程，节省一些时间，并且通常很棒，请查看面向对象的 CSS aka ooCSS

于 2012-07-26T03:07:54.993 回答
0

我找到了答案，我要感谢花时间回答的两个人。

我不明白的是如何查看网页并查看驱动格式的 CSS 代码。

一些研究让我找到了一个名为 CSSViewer 的 Chrome 插件。使用这个插件和答案中的信息，我能够识别一个浮动左 css 元素，我只需将其更改为浮动中心。

再次感谢您的帮助。

于 2012-07-27T11:37:56.207 回答