刚学CSS的时候,尝试过几种居中方法。这些方法不需要JS手段。写的方法有一个原则,就是算出宽高后不用直接人为设置宽高然后实现居中,表格布局,行高设置,margin:auto等东西我就不写了.以下方法针对不同的浏览器。经测试,IE8及以下到IE9+、Safari支持的方式不同。1.标准浏览器完全兼容,内容水平居中。包装器{浮动:左;职位:相对;左:50%;清除:两者;}.wraperdiv{border:1pxsolidpalevioletred;职位:相对;左:-50%;}Guardiola

刚学CSS的时候,尝试过几种居中方法。这些方法不需要JS手段。写的方法有一个原则,就是算出宽高后不用直接人为设置宽高然后实现居中,表格布局,行高设置,margin:auto等东西我就不写了.以下方法针对不同的浏览器。经测试,IE8及以下到IE9+、Safari支持的方式不同。1.标准浏览器完全兼容,内容水平居中。包装器{浮动:左;职位:相对;左:50%;清除:两者;}.wraperdiv{border:1pxsolidpalevioletred;职位:相对;左:-50%;}Guardiola