jQuery怎么将div设置为水平垂直居中

jQuery怎么将div设置为水平垂直居中,第1张

一、使用工具:jQuery、编辑软件

二、方法有三:

1、CSS实现水平和垂直居中:要让DIV水平和垂直居中,必需知道该DIV得宽度高度,然后设置位置为绝对位置,距离页面窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的。

2、如果当页面DIV宽度和高度是动态的,比方说需要d出一个DIV层并且要居中显示,DIV的内容是动态的,所以宽度和高度也是动态的,这时需要用jQuery可以解决居中。

3、 jQuery实现水平和垂直居中:此方法的好处就是不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的d出层效果中应用。

三、注意事项:方法二的前提是必需设置DIV的宽度和高度。

给每个<td>加上style=\"text-align:centervertical-align:middle\"试试:

$("#LogManagerInfo").append("<tr>" +

"<td style=\"text-align:centervertical-align:middle\">"+suc+"</td>"+

"<td style=\"text-align:centervertical-align:middle\">"+item.softVersionId+"</td>"+

"<td style=\"text-align:centervertical-align:middle\">"+item.iyear+"</td>"+        

"<td style=\"text-align:centervertical-align:middle\">"+item.imonth+"</td>"+

"<td style=\"text-align:centervertical-align:middle\">"+item.createDateTemp+"</td>"+"</tr>")

$("#editestateDialog").dialog({ autoOpen : false, height : "250", //高度 width : "280", //宽度 modal : true, buttons : [ { text : "确定", click : function() { 。。。。。。。。。。 } ], beforeClose : funct...


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11910358.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存