页面常见样式

1、使DIV在td里面居中

  css的表格的内容居中有水平居中和垂直居中两种:

    ① 水平居中写法:<td align="center" valign="middle">

    ② 垂直居中写法:<td style="text-align:center;vertical-align:middle;">

2、使自己写的弹框DIV居中  

  //弹框居中
  function juZhong(divName){
    var alertLeft=window.innerWidth/2-$(divName).outerWidth()/2,
    alertTop=window.innerHeight/2-$(divName).outerHeight()/2;
    // alert($(divName).outerWidth()+"------"+$(divName).outerHeight());
    // alert(alertLeft);
    $(divName).css({'margin-left':alertLeft+'px','margin-top':alertTop+'px'});
  }

  其中divName为弹窗DIv的id名称或class名称,需要带上#或.号。

猜你喜欢

转载自www.cnblogs.com/jichuang/p/10114497.html