Javascript 用css对msform进行定心

我做错了什么？我想在所有浏览器上居中显示表单（#msform，#msform fieldset），我想保持图像的边框形式，拉伸形式，不要超出右边框

---

请帮助..

这是因为width属性，请使用以下选项：

#msform {
    max-width: 1200px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}

同时使用

最大宽度：100%将
#msform
的宽度更改为
100%
左右，对于
img

在此处复制了您的代码片段：


//jQuery时间
var当前值、下一个值、上一个值//字段集
变量左，不透明度，比例//我们将设置动画的字段集属性
var动画//防止快速多点单击故障的标志
$（“.next”）。单击（函数（）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
if（$（this.attr（'name'）=='feveryes'）
next_fs=$（'feveryes'）；
if（$（this.attr（'name'）=='feverno'）
next_fs=$（'feverno'）；
if（$（this.attr（'name'）=='cougyes'）
next_fs=$（“#cougyes”）；
if（$（this.attr（'name'）=='coughno'）
next_fs=$（“#否”）；
if（$（this.attr（'name'）=='previous'）
next_fs=$（“#firstField”）；
//使用next_fs的索引在progressbar上激活下一步
$（“#progressbar li”）.eq（$（“字段集”）.index（next_fs））.addClass（“活动”）；
//显示下一个字段集
next_fs.show（）；
//使用样式隐藏当前字段集
当前动画({
不透明度：0
}, {
步骤：函数（现在是mx）{
//随着当前_fs的不透明度降低到0-存储在“now”中
//1.将电流放大至80%
比例=1-（1-现在）*0.2；
//2.从右侧带下一个_fs（50%）
左=（现在是*50）+“%”；
//3.当下一个_fs移入时，将其不透明度增加到1
不透明度=1-现在；
//当前的{'transform'：'scale（'+scale+'）}；
next_fs.css({
"左":左,，
“不透明度”：不透明度
});
},
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
},
//这来自自定义的放松插件
放松：“轻松返回”
});
});
$（“.previous”）。单击（函数（）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
先前的_fs=$（“#firstField”）；
//取消激活progressbar上的当前步进
$（“#progressbar li”）.eq（$（“字段集”）.index（当前#fs））.removeClass（“活动”）；
//显示上一个字段集
先前的_fs.show（）；
//使用样式隐藏当前字段集
当前动画({
不透明度：0
}, {
步骤：函数（现在是mx）{
//随着当前_fs的不透明度降低到0-存储在“now”中
//1.将以前的_fs从80%扩展到100%
比例=0.8+（1-现在）*0.2；
//2.将当前_fs向右移动（50%）-从0%
左=（（1-现在）*50）+“%”；
//3.移动前一个_fs时，将其不透明度增加为1
不透明度=1-现在；
当前_fs.css({
“左”：左
});
以前的_fs.css({
“转换”：“缩放（“+scale+”），
“不透明度”：不透明度
});
},
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
},
//这来自自定义的放松插件
放松：“轻松返回”
});
});
$（“.submit”）。单击（函数（）{
返回false；
});
/*自定义字体*/
@导入url(http://fonts.googleapis.com/css?family=Montserrat);
/*基本重置*/
* {
保证金：0；
填充：0；
}
html{
身高：100%；
/*仅映像BG回退*/
背景：url（'http://thecodeplayer.com/uploads/media/gs.png');
/*背景=渐变+图像模式组合*/
背景：线性梯度（rgba（196102,0,0.2），rgba（15589,182,0.2）），url（'http://thecodeplayer.com/uploads/media/gs.png');
}
身体{
字体系列：蒙特塞拉特、arial、verdana；
溢出x：隐藏；
}
/*表单样式*/
#msform{
宽度：100%；
保证金：50px自动；
文本对齐：居中；
位置：相对位置；
}
#msform字段集{
背景：白色；
边界：0无；
边界半径：3px；
盒影：0.15px 1px rgba（0,0,0,0.4）；
填充：20px 30px；
框大小：边框框；
宽度：80%；
利润率：0.10%；
/*将场集堆叠在彼此上方*/
位置：绝对位置；
}
/*隐藏除第一个字段集以外的所有字段集*/
#msform字段集：非（：类型的第一个）{
显示：无；
}
#msform img{
宽度：80%；
}
/*投入*/
#msform输入，
#msform文本区{
填充：15px；
边框：1px实心#ccc；
边界半径：3px；
边缘底部：10px；
宽度：100%；
框大小：边框框；
字体系列：蒙特塞拉特；
颜色：#2C3E50；
字体大小：13px；
}
/*钮扣*/
#msform.action按钮{
宽度：100px；
背景：#27AE60；
字体大小：粗体；
颜色：白色；
边界：0无；
边界半径：1px；
光标：指针；
填充：10px 5px；
利润率：10px 5px；
}
#操作按钮：悬停，
#动作按钮：焦点{
盒影：0 2倍白色，0 0 3倍#27AE60；
}
/*标题*/
.fs标题{
字体大小：15px；
文本转换：大写；
颜色：#2C3E50；
边缘底部：10px；
}
.fs副标题{
字体大小：正常；
字体大小：13px；
颜色：#666；
边缘底部：20px；
}
/*进度条*/
#进度条{
边缘底部：30px；
溢出：隐藏；
/*CSS计数器对步骤进行编号*/
计数器复位：步骤；
}
#李国宝{
列表样式类型：无；
颜色：白色；
文本转换：大写；
字体大小：9px；
宽度：33.33%；
浮动：左；
位置：相对位置；
}
#李：以前{
内容：计数器（步骤）；
反增量：步进；
宽度：20px；
线高：20px；
显示：块；
字体大小：10px；
颜色：#333；
背景：白色；
边界半径：3px；
保证金：0自动5px自动；
}
/*progressbar连接器*/
#李：之后呢{
内容：''；
宽度：100%；
高度：2倍；
背景：白色；
位置：绝对位置；
左-50%；
顶部：9px；
z指数：-1；
/*把它放在数字后面*/
}
#李：第一个孩子：之后{
/*第一步之前不需要接头*/
内容：无；
}
/*标记活动/
#msform {
    max-width: 1200px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}