javascript使div居中冲突问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript使div居中冲突问题相关的知识,希望对你有一定的参考价值。

  1. var elt = $('ID_DIV_TO_CENTER');
  2.  
  3. // retrieve required dimensions
  4. var eltDims = elt.getDimensions();
  5. var browserDims = document.body.getDimensions();
  6.  
  7. // calculate the center of the page using the browser and element dimensions
  8. var y = (browserDims.height - eltDims.height) / 2;
  9. var x = (browserDims.width - eltDims.width) / 2;
  10.  
  11. // set the style of the element so it is centered
  12. var styles = { position : 'absolute',
  13. top : y + 'px',
  14. left : x + 'px' };
  15.  
  16. elt.setStyle(styles);
  17. elt.scrollTo();

以上是关于javascript使div居中冲突问题的主要内容,如果未能解决你的问题,请参考以下文章

div上的文本中心不使文本居中? (推特引导 3)

Css使Div自适应居中

怎样使div块居中对齐?

如何使内部div居中? [复制]

如何使具有相对宽度的 div 居中?

在引导响应页面中如何使 div 居中