如何使用js在移动端和PC端居中

在手机移动端和PC端控制居中是一个很蛋痛的问题，因为屏幕宽度在变化，所以就不要写死样式，那么我想用JS来控制，灵活的控制宽度，需要注意这三个时候：

（1）首先需要在页面刚加载的时候就调用此函数，

（2）屏幕在变化的时候，即onresize也需要调用

（3）自己要写出这个函数出来

$(function(){
loginCenter();
$(".loginCodeInput").val("").focus();

$(".loginCodeInput").bind("input", function() {
$(".loginError").hide();
});

$(".loginButton").click(onLoginButtonClick);

$(".projectTitleReturn").click(onProjectTitleReturnClick);
$(".projectTitleDetail").click(onProjectTitleDetailClick);

$(".itemTitleReturn").click(onItemTitleReturnClick);
});

$(window).resize(function(){
loginCenter();
});

function loginCenter(){
var windowWidth = $(window).width();
var marginLeft = (windowWidth - $(".center").width()) / 2;
$(".center").css("margin-left", marginLeft);
}

转载于:https://www.cnblogs.com/hulaoxi/p/6437860.html