居中提交按钮

Question

＆＃34;发送我的免费电子书＆＃34;在移动设备上查看时，www.Edge-Trainer.com处的提交按钮不是居中的。我已尝试设置宽度，边距为自动，文字对齐到中心，显示屏块和许多其他内容但我可以＆＃39;把它带到中心。

可能或许多不相关的另一个问题是，如果你向下滚动到对接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％，在这种情况下按钮会变小并保持中心对齐。

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

希望这有帮助！