今天又开始仿制,碰到一个问题,文章上下篇横向排版时div高度不一致,由于加了边框,看起来很不和谐。

php没有办法解决,想来也是用判断句。上网搜也说用js,于是就有了下面的方法:
首先这两个div的高度属性不能限定,也就是要么不设置,要么auto。然后才能用js判断句进行高度相同的调节。
剩下就简单了,可以做个函数,或者直接丢到 $(document).ready(function() {});
往往都要考虑ajax,所以写成了函数放进重新加载里面。函数如下:
//函数:设置上下篇div高度相同
function rpHeight(){
var ppheight = document.getElementById( "p_p" ).offsetHeight; //获取id为p_p的上篇div高度
var npheight = document.getElementById( "n_p" ).offsetHeight;// 获取id为n_p的下篇div高度
if (ppheight < npheight){ document.getElementById("p_p").style.height = document.getElementById("n_p").offsetHeight-24+"px";}// 若上篇高度小于下篇则设置其与下篇相同
if (npheight < ppheight){ document.getElementById("n_p").style.height = document.getElementById("p_p").offsetHeight-24+"px";}// 若下篇高度小于上篇则设置其与上篇相同
}
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/4227.html

