如何将此提交按钮居中?

时间:2014-12-08 03:21:21

标签: html css forms margin centering

我正在this page上工作并尝试将其中的添加到购物车(提交)按钮置于其父级div中。我尝试了各种方法,但根本无法移动。

我已经尝试了form.cart { margin:auto; text-align:center; }.single_add_to_cart_button { margin:auto; text-align:center; },但两者都做不了。

提前感谢任何建议。

4 个答案:

答案 0 :(得分:2)

只需从float: left button中删除single_add_to_cart_button {{1}}

答案 1 :(得分:1)

尝试在父(表单)

上创建文本对齐中心
form.cart {
    text-align: center;
}

答案 2 :(得分:0)

.single_add_to_cart_button { float:none; }

答案 3 :(得分:0)

正如jmore009所说删除float:left;,然后将margin:0 auto 0 auto !important;添加到single_add_to_cart_button