页面常见样式

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名称,需要带上#或.号。

posted on 2018-12-13 15:58  向往的生活  阅读(256)  评论(0编辑  收藏  举报

导航

页面底部