居中提交按钮

Question

"Send My Free Ebook" www.Edge-Trainer.com 上的提交按钮在移动设备中查看时未居中。我尝试设置宽度、自动边距、文本居中对齐、显示块和许多其他设置但我无法让它居中。

另一个可能相关或不相关的问题是，如果您向下滚动到 Butt Jumpstart 计划中的 14 天踢，灰色框在白色框的外面，但应该在里面居中。我也想不通。

如有任何帮助，我们将不胜感激！

Answer 1

你可以试试这个..

而且你必须在你的移动尺寸媒体屏幕中使用它 code..

@media only screen and (max-device-width: 480px) {
    .smallcent{
        position: relative;
        right: 15px;
    }
    .btn_ebook{
        position: relative;
        right: 15px;
    }
}

100% 工作...

Answer 2

问题与按钮的大小有关。随着屏幕变小，表单也会变小。但是按钮没有预定义的宽度，只是它是文本的大小 + 你给它的填充。

有两种方法可以解决这个问题，第一种是定义一个确切的宽度，例如 75%，在这种情况下按钮会变小并保持居中对齐。

另一种方法是对较小的设备使用媒体查询，并在每次屏幕尺寸达到一定宽度时更改字体大小。

希望对您有所帮助！

居中提交按钮

Centering submit button

css

centering